@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* Common Vars */
:root {
	--miigen-black: #000;
	--main-bg-color: #d3d3d3;
	--miigen-blue: #1b4e9b;
	--miigen-gold: #fbaa32;
	--miigen-gold-hover: #ea9f2e;
	--miigen-grey: #373737;
	--miigen-accent: #373737;
	--miigen-accent-fade: rgba(251, 170, 50, 0.15);
	--miigen-light-grey: #969696;
	--miigen-light-blue: #e8edf5;
	--miigen-lighter-blue: #f2f5f9;
	--miigen-light-gold: #fdd292;
	--miigen-mid-blue: #cdd7e5;
	--miigen-green : #1aac57;
	--miigen-red: #f00000;
	--miigen-white: #ffffff;
	--miigen-faded-5: rgba(0,0,0,0.5);
	--miigen-faded-grey-5: rgba(226,226,226,0.5);
	--miigen-gold-bg15: rgba(251,170,50,0.15);
	--miigen-calendar-blue: #6EC5EB;
	--miigen-text-secondary: rgba(55, 55, 55, 0.6);
	--miigen-focus: rgba(0,0,0,0.9);
	--miigen-primary-10: rgba(27, 78, 155, 0.1);
	--miigen-primary-50: rgba(27, 78, 155, 0.5);
	--miigen-primary: #1B4E9B;
	--miigen-primary-contrast: rgba(255, 255, 255, 1);
	--miigen-text-body: rgba(55, 55, 55, 0.9);
	--miigen-text-body-contrast: rgba(255, 255, 255, 0.9);
	--miigen-text-placeholder: rgba(55,55,55,0.4);
	--miigen-close: rgba(0,0,0,0.15);
	--miigen-btn-second: rgba(255, 165, 77, 1); 
	--miigen-btn-third: rgba(255, 71, 76, 1);
	--miigen-btn-fourth: rgb(3, 201, 157);
	--miigen-btn-green-bg: rgba(114, 204, 150, 0.4);
  	--miigen-btn-green: rgba(114, 204, 150, 1);
	--miigen-class-red: #eb6e6e;
	--miigen-class-light-red: #fbe2e2;
	--miigen-off-white: #f6f6f6;
	--miigen-navbar-blue: #3a70c2;

	--miigen-gold-transparent: #fbaa3288;
	--miigen-green-transparent : #1aac5788;

	--miigen-gold-transparent-full: #feeed6;
	--miigen-green-transparent-full : #d1eedd;

	--miigen-transparent-white: rgba(255, 255, 255, 0.15);

	--miigen-light-btn-bg: #fff;
	--miigen-light-btn-border: #3b5998;

	--facebook-blue: #1877F2;
	--border-radius-all: 3px;
	--border-radius-curved: 4px;
	--border-radius-curved-bl: 10px 10px 10px 0;
	--border-radius-curved-br: 10px 10px 0 10px;
	--border-radius50px: 50px;
	--border-radius-round: 50px;
	--admin-add-image: #e0e0e0;
	--admin-section-bg: rgba(27,78,155,0.1);
	--admin-section-bg15: rgba(27,78,155,0.15);
	--admin-module-inputs: rgba(27,78,155,0.1);

	--weight-400: 400;
	--weight-500: 500;
	--weight-600: 600;
	--weight-700: 700;
	--weight-800: 800;
	--weight-900: 900;

	--fontsize-44px: 44px;
	--fontsize-14px: 14px;
	--fontsize-12px: 12px;
	--calendar-mobile-fontsize: 11px;

	--font-roboto: 'Roboto', sans-serif;

	--vh: 1vh;/* Fix for heights on mobiles */

	--miigen-col-p-right: 16px;
    --miigen-col-p-left:  16px;

    --bootstrap-col-p-right: 8px;
    --bootstrap-col-p-left: 8px;
	--bootstrap-card-padding: 12px;
	--bootstrap-formcontrol-h: calc(1.5em + .75rem);  
	--bootstrap-formcontrol-p: .1875rem 0.375rem;
	--bootstrap-formcontrol-font: 0.8571rem;
	--bootstrap-card-mb: 32px;

	--dashboard-sub-text: 12px;
	--dashboard-sub-text-lh: 20px;
	--dashboard-title-text: 14px;
	--dashboard-title-text-lh: 16px;

	/* model box */
	--model-content-vh: 90vh;

	/* CSV */
	--csv-success: rgba(26,172,87,0.3);
	--csv-issue: rgba(240,0,0,0.3);
	--csv-existing: rgba(204,204,204,0.6);
	--csv-needsLinked: rgba(196,89,17,0.6);
	--csv-alreadyAffiliate: rgba(255,217,102,0.3);
	--csv-infochange: rgba(232, 237, 245, 1);
}


html{
	font-size: 0.875rem;
}
.page-wrapper > .container-fluid {
	min-height: 100%;
}

.modal-content.disclaimer { height: var(--model-content-vh); }

/* override */
.form-control textbox .form-control textarea  { color: var(--miigen-focus)!important; }
.form-control textbox:focus, .form-control textarea:focus{ color: var(--miigen-black)!important; }

/*standard colours*/
.bg-miigen-blue, .miigenDBlue{
    background: var(--miigen-blue) !important;
}

.bg-miigen-light-blue, .miigenLBlue{
    background: var(--miigen-light-blue) !important;
}
.bg-miigen-mid-blue{
    background: var(--miigen-mid-blue) !important;
}

.bg-miigen-gold, .orange{
    background: var(--miigen-gold) !important;
}
.bg-miigen-white{
    background: var(--miigen-white) !important;
	color: var(--miigen-blue) !important;
	border: 1px solid var(--miigen-blue) !important;
}
.bg-miigen-gold-transparent{
    background: var(--miigen-gold-transparent) !important;
}
.bg-miigen-gold-transparent-full{
    background: var(--miigen-gold-transparent-full) !important;
}
.bg-miigen-green-transparent{
    background: var(--miigen-green-transparent) !important;
}
.bg-miigen-green-transparent-full{
    background: var(--miigen-green-transparent-full) !important;
}

/*additional colours used on controls */
.bg-green{
	background: var(--miigen-green) !important;
}
.bg-yellow{
	background: #f5dfa0;
}
.bg-grey{
	background: #c3c4c4;
}
.bg-blue{
	background: #00a3d3;
}
.bg-darkgreen{
	background: #62b19e;
}
.bg-red{
	background: #d9b4bf;
}
.bg-done{
    background: #FBAA32 !important;
}
.bg-in-progress{
    background: #1aac57 !important;
}
.bg-future-bookings{
    background: #f5dfa0 !important;
}
.btn {
	font-family: var(--font-roboto), sans-serif;
	font-weight: var(--weight-500);
	font-style: normal;
	line-height: 19px;
	letter-spacing: 0.01rem;
	cursor: pointer;
}

.btn-info {
    background: #1b4e9b !important;
	border-color: #1b4e9b;
}
.btn-home {
	border: 1px solid var(--miigen-blue) !important;
	background: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	color: var(--miigen-blue) !important;
	margin: 0.2rem 0;
}

.text-miigen-blue{
    color: var(--miigen-blue) !important;
}

.text-miigen-light-blue{
    color: var(--miigen-light-blue) !important;
}

.text-miigen-gold{
    color: var(--miigen-gold) !important;
}

.text-miigen-light-grey{
    color: var(--miigen-light-grey) !important;
}
.text-miigen-grey{
    color: var(--miigen-grey) !important;
}

.text-miigen-green{
    color: var(--miigen-green) !important;
}

.text-miigen-transparent{
    color: var(--miigen-green-transparent) !important;
}

.btn-miigen-remove-delete,
.btn-miigen-remove-delete:hover{
	background: var(--miigen-light-blue);
	color: var(--miigen-blue);
}
.btnFirst.btn.bg-miigen-gold.text-miigen-grey {
    color: var(--miigen-grey) !important;
}

/* borders */
.border-miigen-lblue{
	border: 1px solid var(--miigen-light-blue) !important;
}

/* Headers */
.container-fluid h1, .container-fluid .h1Tag {font-family: var(--font-roboto); font-style: normal; font-weight: var(--weight-900); font-size: 1.714rem; line-height: 2.286rem; letter-spacing: 0.01em; color: #373737; margin-bottom: 20px; }
.paginationDiv { padding: 0; }
/*.container-fluid label, */.modal-body label { font-family: var(--font-roboto); font-style: normal; font-weight: var(--weight-500); font-size: 12px; line-height: 19px; letter-spacing: 0.01em; color: var(--miigen-grey); text-transform: capitalize;}
/* end Headers */

/* buttons */
.btn-gold, .btn-gold:hover { background: var(--miigen-gold); padding: 6px 15px 6px 11px; border-radius: var(--border-radius-all); color: var(--miigen-grey); font-weight: var(--weight-500); }
.btn i { padding-right: 8px; }
/* end buttons */

/* textarea */
.form-group textarea { height: 179px; }
.classDetailsContainer textarea { height: 74px!important; }
/* end textarea */

/* start:  bootstrap elements */
.card-body {
	padding: var(--bootstrap-card-padding);
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-xs-4, .col-xs-6, .col-xxl-4, .col-xxl-6, .col-xs-4, .col-xs-6, .col-xxl-4, .col-xxl-6 {
    padding-right: var(--bootstrap-col-p-right);
    padding-left: var(--bootstrap-col-p-left);
}
.form-control{
	height: var(--bootstrap-formcontrol-h);  
	padding: var(--bootstrap-formcontrol-p);
	font-size: var(--bootstrap-formcontrol-font);
}
#main-wrapper .bootstrap-select > .dropdown-toggle.disabled, #main-wrapper .bootstrap-select.disabled, #main-wrapper .bootstrap-select.disabled .dropdown-toggle .filter-option-inner-inner,
#main-wrapper .form-control:disabled, 
#main-wrapper .form-control[readonly],
.ddcommon.disabledAll,
#main-wrapper .form-control:disabled option{
    background-color: var(--miigen-light-blue);
	-moz-appearance: none;
	-webkit-appearance: none;
	resize: none;
}
.card, .card-group {
    margin-bottom: var(--bootstrap-card-mb);
}
.miigen-col-padding{
    padding-right: var(--miigen-col-p-right);
    padding-left: var(--miigen-col-p-left);
}
.section-header {
    font-size: 16px;
    font-weight: 500;
    color: var(--miigen-blue);
    padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
    border: 1px solid var(--miigen-light-blue);
    border-width: 0 0 1px;
    margin: 0 0 8px;
    width: 100%;
	text-transform: capitalize; 
}
.editing_current_card{
	border: 2px solid var(--miigen-blue);
}
.table {
	font-size: 0.8571rem;
}
.table th, .table thead th{
	font-family: "Roboto", sans-serif;
	color: var(--miigen-grey);
}
.table td, .table th {
    padding: 0.7rem;
}
/* end:  bootstrap elements */


/* start: new template elements July 2021 */
.page-wrapper .miigen-wrapper{
	padding-top: 32px;
}
@media screen and (min-width: 1480px){
	.page-wrapper .miigen-wrapper {
		width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 992px){
	.page-wrapper .miigen-wrapper{
		display: flex;
	}
}
/* end: new template elements July 2021 */


/* template tweaks */
.navbar-nav.float-left .nav-item:nth-child(2),
.navbar-nav.float-left .nav-item:nth-child(3){
    display: none !important;
}
.dropdown-menu-right .btn-info{
    display: none;
}
#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"], 
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] {
    background: #1b4e9b;
}

#main-wrapper[data-layout="vertical"] .topbar .top-navbar .navbar-header[data-logobg="skin6"], 
#main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header[data-logobg="skin6"] {
    background: #1b4e9b;
}

#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link, 
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #fff;
}
#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .nav-small-cap, 
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .nav-small-cap {
    color: #fff;
}
#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav .has-arrow::after, 
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav .has-arrow::after {
    border-color: #fff;
}
.topbar .top-navbar .navbar-header .navbar-brand {
    padding: 0 20px;
}
.navbar-brand .logo-icon img{
    max-width: 160px;
}
#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link.active, 
#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link.active > i, 
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link.active, 
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active > .sidebar-link.active > i {
    color: #FBAA32;
}
.navbar_profile_img{
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: cover;
	vertical-align: middle;
	background-position: center center;
	border: 1px solid var(--miigen-blue);
	margin-top: -2px;
}
.topbar_checkout_btn{
	margin-right: 8px;
    min-height: 40px;
    line-height: 2.3rem;
    padding: var(--bootstrap-formcontrol-p);
	border: 1px solid var(--miigen-blue) !important;
	padding-left: 1rem;
	padding-right: 1rem;
	min-width: 172px;
	white-space: nowrap;
}

/* J Edits - 03/02/21 */
/* Sort out menu hides on mobile */
@media (min-width: 768px){
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .hide-menu {
		display: none;
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .hide-menu {
		display: block;
	}
}
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
	opacity: 0.9;
}
.a.link, body {
	color: #333;
}
.form-control {
	color: #333;
	border: 1px solid #666;
}
.form-control::placeholder {
    color: var(--miigen-text-placeholder);
}


/* start: additions on class details screen: added 2021-02-10 */
.classDetailsContainer{
    border-radius: var(--border-radius-all);
    border: 1px solid var(--miigen-light-blue);
	padding: 0px;
}
/* end: additions on class details screen: added 2021-02-10 */


/* start: additions on product editing screen: added 2021-02-10 */
.supplierLogoSection{
	border: 1px solid #ccc;
}
.allAdditionalProductSection .card-body{
	padding: 8px;
}
/* start: additions on product editing screen: added 2021-02-10 */


/* Scroll bar Tweaks */
	.ps-scrollbar-y:hover {
		width: 9px !important;
	}
/* End Scroll */

/* Registration - J - 08/03 */
		.main-wrapper.registration {
            display: flex;
            flex-direction: column;
            justify-content: stretch;
        }
        .page-wrapper.registration > .container-fluid {
            min-height: calc(100vh - 60px);
			min-height: 100vh;
        }
        .container-fluid.registration {
            display: flex;
            align-items: center;
            max-width:50%;
        }
		.registration .alert {
			margin: 1rem 0;
		}
        @media screen and (max-width: 992px) {
            .container-fluid.registration {
                max-width:70%;
            }
        }
        @media screen and (max-width: 768px) {
            .container-fluid.registration {
                max-width:80%;
            }
        }
        @media screen and (max-width: 480px) {
            .container-fluid.registration {
                max-width:90%;
            }
        }
		@media (min-width: 576px) {
			.registration .modal-dialog {
				max-width: 60vw;
				margin: 5vh auto;
				max-height: 90vh;
			}
			.registration .modal-dialog .modal-body {
				max-height: 78vh;
				overflow-y: scroll;
			}
		}
		h5.modal-title, 
		.tc h2,
		.tc h3,
		.tc h4 {
			font-weight: bold;
		}
		h5.modal-title {
			font-size: 1.5rem;
		}
		.tc h2 {
			font-size: 1.375rem;
		}
		.tc h3 {
			font-size: 1.2125rem;
		}
		.tc h4 {
			font-size: 1.114rem;
		}

/* end Registration */

/* MFA - J - 12/04/21 */
.page-wrapper-wide {
	min-height: calc(100vh - 60px);
	display: flex;
	align-items: center;
	box-shadow: 0 3px 9px 0 rgb(162 176 190 / 15%);
	border-top-left-radius:5px;
	border-top-right-radius: 5px;
	background: #f9fbfd;
	position: relative;
}


/* End MFA */

/* Menu */
.sidebar-item ul li a { color: #ffffff; }
.sidebar-item ul li {
	padding: 0px 45px;
	color: #ffffff;
	font-size: 16px;
	display: flex;
	white-space: nowrap;
	align-items: center;
	line-height: 26px;
	opacity: .7;
	margin-right: 17px;
}

.sidebar-item ul {
	background: #1b4e9b;
}

.menuExpanded:after { border-width: 1px 0 0 1px !important }
.menuClosed:after { border-width: 0 1px 1px 0!important }
.selected ul { display: block !important; }
/* End Menu */

/* flag sprite */
.dd { border: 1px solid #c3c3c3; }
.ddcommon { position: relative; cursor: default; display: block; width: 100% !important; height: calc(1.5em + .75em + 2px); padding: .375em .75em; font-size: var(--bootstrap-formcontrol-font); line-height: 1.5; color: #4f5467; background-color: #fff; background-clip: padding-box; border: 1px solid #e9ecef; border-radius: 2px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.ddcommon { background-color: var(--miigen-light-blue); border-radius: var(--border-radius-all); border: none; }
.borderRadius { -moz-border-radius: 5px; border-radius: 5px; }
.ddcommon .ddTitle { padding: 0; position: relative; display: inline-block; width: 100%; }
.borderRadiusTp { -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.ddcommon .ddChild { position: absolute; display: none; width: 100%; overflow-y: auto; overflow-x: hidden; zoom: 1; z-index: 9999; }
.dd .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }
.dd .ddChild { background-color: var(--miigen-light-blue); border-radius: var(--border-radius-all); border: none; }
.dd .ddChild ul { padding: 0; font-size: 14px; }
.ddcommon .ddChild li { clear: both; }
.ddcommon ul li { list-style-type: none; cursor: pointer; }
.ddcommon ul li:hover { background: var(--miigen-blue); color: #ffffff; }
.dd .ddChild li { border-bottom: 1px solid var(--miigen-light-blue); }

.flags{float:left;padding:0 !important;margin:0 5px 0 0;}

.largeflags .flags { background:url(/img/flags/sprite/sprite.png) no-repeat;width:110px;height:66px;}
.largeflags li img.flags, .smallflags li img.flags { margin: 5px 10px 5px 5px; }
.largeflags ul li:nth-child(1), .smallflags ul li:nth-child(1) { display: none; }
.ddTitleText img { margin: 5px 10px 5px 5px; }

.largeflags .flags.af { background-position: 0px 0px; }
.largeflags .flags.ax { background-position: -110px 0px; }
.largeflags .flags.al { background-position: -220px 0px; }
.largeflags .flags.dz { background-position: -330px 0px; }
.largeflags .flags.as { background-position: -440px 0px; }
.largeflags .flags.ad { background-position: 0px -66px; }
.largeflags .flags.ao { background-position: -110px -66px; }
.largeflags .flags.ai { background-position: -220px -66px; }
.largeflags .flags.aq { background-position: -330px -66px; }
.largeflags .flags.ag { background-position: -440px -66px; }
.largeflags .flags.ar { background-position: 0px -132px; }
.largeflags .flags.am { background-position: -110px -132px; }
.largeflags .flags.aw { background-position: -220px -132px; }
.largeflags .flags.au { background-position: -330px -132px; }
.largeflags .flags.at { background-position: -440px -132px; }
.largeflags .flags.az { background-position: 0px -198px; }
.largeflags .flags.bs { background-position: -110px -198px; }
.largeflags .flags.bh { background-position: -220px -198px; }
.largeflags .flags.bd { background-position: -330px -198px; }
.largeflags .flags.bb { background-position: -440px -198px; }
.largeflags .flags.by { background-position: 0px -264px; }
.largeflags .flags.be { background-position: -110px -264px; }
.largeflags .flags.bz { background-position: -220px -264px; }
.largeflags .flags.bj { background-position: -330px -264px; }
.largeflags .flags.bm { background-position: -440px -264px; }
.largeflags .flags.bt { background-position: 0px -330px; }
.largeflags .flags.bo { background-position: -110px -330px; }
.largeflags .flags.bq { background-position: -220px -330px; }
.largeflags .flags.ba { background-position: -330px -330px; }
.largeflags .flags.bw { background-position: -440px -330px; }
.largeflags .flags.bv { background-position: 0px -396px; }
.largeflags .flags.br { background-position: -110px -396px; }
.largeflags .flags.io { background-position: -220px -396px; }
.largeflags .flags.vg { background-position: -330px -396px; }
.largeflags .flags.bn { background-position: -440px -396px; }
.largeflags .flags.bg { background-position: 0px -462px; }
.largeflags .flags.bf { background-position: -110px -462px; }
.largeflags .flags.bi { background-position: -220px -462px; }
.largeflags .flags.kh { background-position: -330px -462px; }
.largeflags .flags.cm { background-position: -440px -462px; }
.largeflags .flags.ca { background-position: 0px -528px; }
.largeflags .flags.cv { background-position: -110px -528px; }
.largeflags .flags.ky { background-position: -220px -528px; }
.largeflags .flags.cf { background-position: -330px -528px; }
.largeflags .flags.td { background-position: -440px -528px; }
.largeflags .flags.cl { background-position: 0px -594px; }
.largeflags .flags.cn { background-position: -110px -594px; }
.largeflags .flags.cx { background-position: -220px -594px; }
.largeflags .flags.cc { background-position: -330px -594px; }
.largeflags .flags.co { background-position: -440px -594px; }
.largeflags .flags.km { background-position: 0px -660px; }
.largeflags .flags.ck { background-position: -110px -660px; }
.largeflags .flags.cr { background-position: -220px -660px; }
.largeflags .flags.hr { background-position: -330px -660px; }
.largeflags .flags.cu { background-position: -440px -660px; }
.largeflags .flags.cw { background-position: 0px -726px; }
.largeflags .flags.cy { background-position: -110px -726px; }
.largeflags .flags.cz { background-position: -220px -726px; }
.largeflags .flags.cd { background-position: -330px -726px; }
.largeflags .flags.dk { background-position: -440px -726px; }
.largeflags .flags.dj { background-position: 0px -792px; }
.largeflags .flags.dm { background-position: -110px -792px; }
.largeflags .flags.do { background-position: -220px -792px; }
.largeflags .flags.tl { background-position: -330px -792px; }
.largeflags .flags.ec { background-position: -440px -792px; }
.largeflags .flags.eg { background-position: 0px -858px; }
.largeflags .flags.sv { background-position: -110px -858px; }
.largeflags .flags.gq { background-position: -220px -858px; }
.largeflags .flags.er { background-position: -330px -858px; }
.largeflags .flags.ee { background-position: -440px -858px; }
.largeflags .flags.et { background-position: 0px -924px; }
.largeflags .flags.fk { background-position: -110px -924px; }
.largeflags .flags.fo { background-position: -220px -924px; }
.largeflags .flags.fj { background-position: -330px -924px; }
.largeflags .flags.fi { background-position: -440px -924px; }
.largeflags .flags.fr { background-position: 0px -990px; }
.largeflags .flags.gf { background-position: -110px -990px; }
.largeflags .flags.pf { background-position: -220px -990px; }
.largeflags .flags.tf { background-position: -330px -990px; }
.largeflags .flags.ga { background-position: -440px -990px; }
.largeflags .flags.gm { background-position: 0px -1056px; }
.largeflags .flags.ge { background-position: -110px -1056px; }
.largeflags .flags.de { background-position: -220px -1056px; }
.largeflags .flags.gh { background-position: -330px -1056px; }
.largeflags .flags.gi { background-position: -440px -1056px; }
.largeflags .flags.gr { background-position: 0px -1122px; }
.largeflags .flags.gl { background-position: -110px -1122px; }
.largeflags .flags.gd { background-position: -220px -1122px; }
.largeflags .flags.gp { background-position: -330px -1122px; }
.largeflags .flags.gu { background-position: -440px -1122px; }
.largeflags .flags.gt { background-position: 0px -1188px; }
.largeflags .flags.gg { background-position: -110px -1188px; }
.largeflags .flags.gn { background-position: -220px -1188px; }
.largeflags .flags.gw { background-position: -330px -1188px; }
.largeflags .flags.gy { background-position: -440px -1188px; }
.largeflags .flags.ht { background-position: 0px -1254px; }
.largeflags .flags.hm { background-position: -110px -1254px; }
.largeflags .flags.hn { background-position: -220px -1254px; }
.largeflags .flags.hk { background-position: -330px -1254px; }
.largeflags .flags.hu { background-position: -440px -1254px; }
.largeflags .flags.is { background-position: 0px -1320px; }
.largeflags .flags.in { background-position: -110px -1320px; }
.largeflags .flags.id { background-position: -220px -1320px; }
.largeflags .flags.ir { background-position: -330px -1320px; }
.largeflags .flags.iq { background-position: -440px -1320px; }
.largeflags .flags.ie { background-position: 0px -1386px; }
.largeflags .flags.im { background-position: -110px -1386px; }
.largeflags .flags.il { background-position: -220px -1386px; }
.largeflags .flags.it { background-position: -330px -1386px; }
.largeflags .flags.ci { background-position: -440px -1386px; }
.largeflags .flags.jm { background-position: 0px -1452px; }
.largeflags .flags.jp { background-position: -110px -1452px; }
.largeflags .flags.je { background-position: -220px -1452px; }
.largeflags .flags.jo { background-position: -330px -1452px; }
.largeflags .flags.kz { background-position: -440px -1452px; }
.largeflags .flags.ke { background-position: 0px -1518px; }
.largeflags .flags.ki { background-position: -110px -1518px; }
.largeflags .flags.xk { background-position: -220px -1518px; }
.largeflags .flags.kw { background-position: -330px -1518px; }
.largeflags .flags.kg { background-position: -440px -1518px; }
.largeflags .flags.la { background-position: 0px -1584px; }
.largeflags .flags.lv { background-position: -110px -1584px; }
.largeflags .flags.lb { background-position: -220px -1584px; }
.largeflags .flags.ls { background-position: -330px -1584px; }
.largeflags .flags.lr { background-position: -440px -1584px; }
.largeflags .flags.ly { background-position: 0px -1650px; }
.largeflags .flags.li { background-position: -110px -1650px; }
.largeflags .flags.lt { background-position: -220px -1650px; }
.largeflags .flags.lu { background-position: -330px -1650px; }
.largeflags .flags.mo { background-position: -440px -1650px; }
.largeflags .flags.mk { background-position: 0px -1716px; }
.largeflags .flags.mg { background-position: -110px -1716px; }
.largeflags .flags.mw { background-position: -220px -1716px; }
.largeflags .flags.my { background-position: -330px -1716px; }
.largeflags .flags.mv { background-position: -440px -1716px; }
.largeflags .flags.ml { background-position: 0px -1782px; }
.largeflags .flags.mt { background-position: -110px -1782px; }
.largeflags .flags.mh { background-position: -220px -1782px; }
.largeflags .flags.mq { background-position: -330px -1782px; }
.largeflags .flags.mr { background-position: -440px -1782px; }
.largeflags .flags.mu { background-position: 0px -1848px; }
.largeflags .flags.yt { background-position: -110px -1848px; }
.largeflags .flags.mx { background-position: -220px -1848px; }
.largeflags .flags.fm { background-position: -330px -1848px; }
.largeflags .flags.md { background-position: -440px -1848px; }
.largeflags .flags.mc { background-position: 0px -1914px; }
.largeflags .flags.mn { background-position: -110px -1914px; }
.largeflags .flags.me { background-position: -220px -1914px; }
.largeflags .flags.ms { background-position: -330px -1914px; }
.largeflags .flags.ma { background-position: -440px -1914px; }
.largeflags .flags.mz { background-position: 0px -1980px; }
.largeflags .flags.mm { background-position: -110px -1980px; }
.largeflags .flags.na { background-position: -220px -1980px; }
.largeflags .flags.nr { background-position: -330px -1980px; }
.largeflags .flags.np { background-position: -440px -1980px; }
.largeflags .flags.nl { background-position: 0px -2046px; }
.largeflags .flags.nc { background-position: -110px -2046px; }
.largeflags .flags.nz { background-position: -220px -2046px; }
.largeflags .flags.ni { background-position: -330px -2046px; }
.largeflags .flags.ne { background-position: -440px -2046px; }
.largeflags .flags.ng { background-position: 0px -2112px; }
.largeflags .flags.nu { background-position: -110px -2112px; }
.largeflags .flags.nf { background-position: -220px -2112px; }
.largeflags .flags.kp { background-position: -330px -2112px; }
.largeflags .flags.mp { background-position: -440px -2112px; }
.largeflags .flags.no { background-position: 0px -2178px; }
.largeflags .flags.om { background-position: -110px -2178px; }
.largeflags .flags.pk { background-position: -220px -2178px; }
.largeflags .flags.pw { background-position: -330px -2178px; }
.largeflags .flags.ps { background-position: -440px -2178px; }
.largeflags .flags.pa { background-position: 0px -2244px; }
.largeflags .flags.pg { background-position: -110px -2244px; }
.largeflags .flags.py { background-position: -220px -2244px; }
.largeflags .flags.pe { background-position: -330px -2244px; }
.largeflags .flags.ph { background-position: -440px -2244px; }
.largeflags .flags.pn { background-position: 0px -2310px; }
.largeflags .flags.pl { background-position: -110px -2310px; }
.largeflags .flags.pt { background-position: -220px -2310px; }
.largeflags .flags.pr { background-position: -330px -2310px; }
.largeflags .flags.qa { background-position: -440px -2310px; }
.largeflags .flags.cg { background-position: 0px -2376px; }
.largeflags .flags.re { background-position: -110px -2376px; }
.largeflags .flags.ro { background-position: -220px -2376px; }
.largeflags .flags.ru { background-position: -330px -2376px; }
.largeflags .flags.rw { background-position: -440px -2376px; }
.largeflags .flags.bl { background-position: 0px -2442px; }
.largeflags .flags.sh { background-position: -110px -2442px; }
.largeflags .flags.kn { background-position: -220px -2442px; }
.largeflags .flags.lc { background-position: -330px -2442px; }
.largeflags .flags.mf { background-position: -440px -2442px; }
.largeflags .flags.pm { background-position: 0px -2508px; }
.largeflags .flags.vc { background-position: -110px -2508px; }
.largeflags .flags.ws { background-position: -220px -2508px; }
.largeflags .flags.sm { background-position: -330px -2508px; }
.largeflags .flags.st { background-position: -440px -2508px; }
.largeflags .flags.sa { background-position: 0px -2574px; }
.largeflags .flags.sn { background-position: -110px -2574px; }
.largeflags .flags.rs { background-position: -220px -2574px; }
.largeflags .flags.sc { background-position: -330px -2574px; }
.largeflags .flags.sl { background-position: -440px -2574px; }
.largeflags .flags.sg { background-position: 0px -2640px; }
.largeflags .flags.sx { background-position: -110px -2640px; }
.largeflags .flags.sk { background-position: -220px -2640px; }
.largeflags .flags.si { background-position: -330px -2640px; }
.largeflags .flags.sb { background-position: -440px -2640px; }
.largeflags .flags.so { background-position: 0px -2706px; }
.largeflags .flags.za { background-position: -110px -2706px; }
.largeflags .flags.gs { background-position: -220px -2706px; }
.largeflags .flags.kr { background-position: -330px -2706px; }
.largeflags .flags.ss { background-position: -440px -2706px; }
.largeflags .flags.es { background-position: 0px -2772px; }
.largeflags .flags.lk { background-position: -110px -2772px; }
.largeflags .flags.sd { background-position: -220px -2772px; }
.largeflags .flags.sr { background-position: -330px -2772px; }
.largeflags .flags.sj { background-position: -440px -2772px; }
.largeflags .flags.sz { background-position: 0px -2838px; }
.largeflags .flags.se { background-position: -110px -2838px; }
.largeflags .flags.ch { background-position: -220px -2838px; }
.largeflags .flags.sy { background-position: -330px -2838px; }
.largeflags .flags.tw { background-position: -440px -2838px; }
.largeflags .flags.tj { background-position: 0px -2904px; }
.largeflags .flags.tz { background-position: -110px -2904px; }
.largeflags .flags.th { background-position: -220px -2904px; }
.largeflags .flags.tg { background-position: -330px -2904px; }
.largeflags .flags.tk { background-position: -440px -2904px; }
.largeflags .flags.to { background-position: 0px -2970px; }
.largeflags .flags.tt { background-position: -110px -2970px; }
.largeflags .flags.tn { background-position: -220px -2970px; }
.largeflags .flags.tr { background-position: -330px -2970px; }
.largeflags .flags.tm { background-position: -440px -2970px; }
.largeflags .flags.tc { background-position: 0px -3036px; }
.largeflags .flags.tv { background-position: -110px -3036px; }
.largeflags .flags.vi { background-position: -220px -3036px; }
.largeflags .flags.ug { background-position: -330px -3036px; }
.largeflags .flags.ua { background-position: -440px -3036px; }
.largeflags .flags.ae { background-position: 0px -3102px; }
.largeflags .flags.gb { background-position: -110px -3102px; }
.largeflags .flags.us { background-position: -220px -3102px; }
.largeflags .flags.um { background-position: -330px -3102px; }
.largeflags .flags.uy { background-position: -440px -3102px; }
.largeflags .flags.uz { background-position: 0px -3168px; }
.largeflags .flags.vu { background-position: -110px -3168px; }
.largeflags .flags.va { background-position: -220px -3168px; }
.largeflags .flags.ve { background-position: -330px -3168px; }
.largeflags .flags.vn { background-position: -440px -3168px; }
.largeflags .flags.wf { background-position: 0px -3234px; }
.largeflags .flags.eh { background-position: -110px -3234px; }
.largeflags .flags.ye { background-position: -220px -3234px; }
.largeflags .flags.zm { background-position: -330px -3234px; }
.largeflags .flags.zw { background-position: -440px -3234px; }
.largeflags .flags.eu { background-position: 0px -3300px; }
.largeflags .flags.ca.cfa { background-position: -110px -3300px; }
.largeflags .flags.cfpf { background-position: -220px -3300px; }
.largeflags .flags.ecd { background-position: -330px -3300px; }
.largeflags .flags.wa.cfa { background-position: -440px -3300px; }

.mediumflags .flags { background:url(/img/flags/sprite/mediumsprite.png) no-repeat;width:55px;height:33px;}
.mediumflags .flags.af { background-position: 0px 0px; }
.mediumflags .flags.ax { background-position: -55px 0px; }
.mediumflags .flags.al { background-position: -110px 0px; }
.mediumflags .flags.dz { background-position: -165px 0px; }
.mediumflags .flags.as { background-position: -220px 0px; }
.mediumflags .flags.ad { background-position: 0px -33px; }
.mediumflags .flags.ao { background-position: -55px -33px; }
.mediumflags .flags.ai { background-position: -110px -33px; }
.mediumflags .flags.aq { background-position: -165px -33px; }
.mediumflags .flags.ag { background-position: -220px -33px; }
.mediumflags .flags.ar { background-position: 0px -66px; }
.mediumflags .flags.am { background-position: -55px -66px; }
.mediumflags .flags.aw { background-position: -110px -66px; }
.mediumflags .flags.au { background-position: -165px -66px; }
.mediumflags .flags.at { background-position: -220px -66px; }
.mediumflags .flags.az { background-position: 0px -99px; }
.mediumflags .flags.bs { background-position: -55px -99px; }
.mediumflags .flags.bh { background-position: -110px -99px; }
.mediumflags .flags.bd { background-position: -165px -99px; }
.mediumflags .flags.bb { background-position: -220px -99px; }
.mediumflags .flags.by { background-position: 0px -132px; }
.mediumflags .flags.be { background-position: -55px -132px; }
.mediumflags .flags.bz { background-position: -110px -132px; }
.mediumflags .flags.bj { background-position: -165px -132px; }
.mediumflags .flags.bm { background-position: -220px -132px; }
.mediumflags .flags.bt { background-position: 0px -165px; }
.mediumflags .flags.bo { background-position: -55px -165px; }
.mediumflags .flags.bq { background-position: -110px -165px; }
.mediumflags .flags.ba { background-position: -165px -165px; }
.mediumflags .flags.bw { background-position: -220px -165px; }
.mediumflags .flags.bv { background-position: 0px -198px; }
.mediumflags .flags.br { background-position: -55px -198px; }
.mediumflags .flags.io { background-position: -110px -198px; }
.mediumflags .flags.vg { background-position: -165px -198px; }
.mediumflags .flags.bn { background-position: -220px -198px; }
.mediumflags .flags.bg { background-position: 0px -231px; }
.mediumflags .flags.bf { background-position: -55px -231px; }
.mediumflags .flags.bi { background-position: -110px -231px; }
.mediumflags .flags.kh { background-position: -165px -231px; }
.mediumflags .flags.cm { background-position: -220px -231px; }
.mediumflags .flags.ca { background-position: 0px -264px; }
.mediumflags .flags.cv { background-position: -55px -264px; }
.mediumflags .flags.ky { background-position: -110px -264px; }
.mediumflags .flags.cf { background-position: -165px -264px; }
.mediumflags .flags.td { background-position: -220px -264px; }
.mediumflags .flags.cl { background-position: 0px -297px; }
.mediumflags .flags.cn { background-position: -55px -297px; }
.mediumflags .flags.cx { background-position: -110px -297px; }
.mediumflags .flags.cc { background-position: -165px -297px; }
.mediumflags .flags.co { background-position: -220px -297px; }
.mediumflags .flags.km { background-position: 0px -330px; }
.mediumflags .flags.ck { background-position: -55px -330px; }
.mediumflags .flags.cr { background-position: -110px -330px; }
.mediumflags .flags.hr { background-position: -165px -330px; }
.mediumflags .flags.cu { background-position: -220px -330px; }
.mediumflags .flags.cw { background-position: 0px -363px; }
.mediumflags .flags.cy { background-position: -55px -363px; }
.mediumflags .flags.cz { background-position: -110px -363px; }
.mediumflags .flags.cd { background-position: -165px -363px; }
.mediumflags .flags.dk { background-position: -220px -363px; }
.mediumflags .flags.dj { background-position: 0px -396px; }
.mediumflags .flags.dm { background-position: -55px -396px; }
.mediumflags .flags.do { background-position: -110px -396px; }
.mediumflags .flags.tl { background-position: -165px -396px; }
.mediumflags .flags.ec { background-position: -220px -396px; }
.mediumflags .flags.eg { background-position: 0px -429px; }
.mediumflags .flags.sv { background-position: -55px -429px; }
.mediumflags .flags.gq { background-position: -110px -429px; }
.mediumflags .flags.er { background-position: -165px -429px; }
.mediumflags .flags.ee { background-position: -220px -429px; }
.mediumflags .flags.et { background-position: 0px -462px; }
.mediumflags .flags.fk { background-position: -55px -462px; }
.mediumflags .flags.fo { background-position: -110px -462px; }
.mediumflags .flags.fj { background-position: -165px -462px; }
.mediumflags .flags.fi { background-position: -220px -462px; }
.mediumflags .flags.fr { background-position: 0px -495px; }
.mediumflags .flags.gf { background-position: -55px -495px; }
.mediumflags .flags.pf { background-position: -110px -495px; }
.mediumflags .flags.tf { background-position: -165px -495px; }
.mediumflags .flags.ga { background-position: -220px -495px; }
.mediumflags .flags.gm { background-position: 0px -528px; }
.mediumflags .flags.ge { background-position: -55px -528px; }
.mediumflags .flags.de { background-position: -110px -528px; }
.mediumflags .flags.gh { background-position: -165px -528px; }
.mediumflags .flags.gi { background-position: -220px -528px; }
.mediumflags .flags.gr { background-position: 0px -561px; }
.mediumflags .flags.gl { background-position: -55px -561px; }
.mediumflags .flags.gd { background-position: -110px -561px; }
.mediumflags .flags.gp { background-position: -165px -561px; }
.mediumflags .flags.gu { background-position: -220px -561px; }
.mediumflags .flags.gt { background-position: 0px -594px; }
.mediumflags .flags.gg { background-position: -55px -594px; }
.mediumflags .flags.gn { background-position: -110px -594px; }
.mediumflags .flags.gw { background-position: -165px -594px; }
.mediumflags .flags.gy { background-position: -220px -594px; }
.mediumflags .flags.ht { background-position: 0px -627px; }
.mediumflags .flags.hm { background-position: -55px -627px; }
.mediumflags .flags.hn { background-position: -110px -627px; }
.mediumflags .flags.hk { background-position: -165px -627px; }
.mediumflags .flags.hu { background-position: -220px -627px; }
.mediumflags .flags.is { background-position: 0px -660px; }
.mediumflags .flags.in { background-position: -55px -660px; }
.mediumflags .flags.id { background-position: -110px -660px; }
.mediumflags .flags.ir { background-position: -165px -660px; }
.mediumflags .flags.iq { background-position: -220px -660px; }
.mediumflags .flags.ie { background-position: 0px -693px; }
.mediumflags .flags.im { background-position: -55px -693px; }
.mediumflags .flags.il { background-position: -110px -693px; }
.mediumflags .flags.it { background-position: -165px -693px; }
.mediumflags .flags.ci { background-position: -220px -693px; }
.mediumflags .flags.jm { background-position: 0px -726px; }
.mediumflags .flags.jp { background-position: -55px -726px; }
.mediumflags .flags.je { background-position: -110px -726px; }
.mediumflags .flags.jo { background-position: -165px -726px; }
.mediumflags .flags.kz { background-position: -220px -726px; }
.mediumflags .flags.ke { background-position: 0px -759px; }
.mediumflags .flags.ki { background-position: -55px -759px; }
.mediumflags .flags.xk { background-position: -110px -759px; }
.mediumflags .flags.kw { background-position: -165px -759px; }
.mediumflags .flags.kg { background-position: -220px -759px; }
.mediumflags .flags.la { background-position: 0px -792px; }
.mediumflags .flags.lv { background-position: -55px -792px; }
.mediumflags .flags.lb { background-position: -110px -792px; }
.mediumflags .flags.ls { background-position: -165px -792px; }
.mediumflags .flags.lr { background-position: -220px -792px; }
.mediumflags .flags.ly { background-position: 0px -825px; }
.mediumflags .flags.li { background-position: -55px -825px; }
.mediumflags .flags.lt { background-position: -110px -825px; }
.mediumflags .flags.lu { background-position: -165px -825px; }
.mediumflags .flags.mo { background-position: -220px -825px; }
.mediumflags .flags.mk { background-position: 0px -858px; }
.mediumflags .flags.mg { background-position: -55px -858px; }
.mediumflags .flags.mw { background-position: -110px -858px; }
.mediumflags .flags.my { background-position: -165px -858px; }
.mediumflags .flags.mv { background-position: -220px -858px; }
.mediumflags .flags.ml { background-position: 0px -891px; }
.mediumflags .flags.mt { background-position: -55px -891px; }
.mediumflags .flags.mh { background-position: -110px -891px; }
.mediumflags .flags.mq { background-position: -165px -891px; }
.mediumflags .flags.mr { background-position: -220px -891px; }
.mediumflags .flags.mu { background-position: 0px -924px; }
.mediumflags .flags.yt { background-position: -55px -924px; }
.mediumflags .flags.mx { background-position: -110px -924px; }
.mediumflags .flags.fm { background-position: -165px -924px; }
.mediumflags .flags.md { background-position: -220px -924px; }
.mediumflags .flags.mc { background-position: 0px -957px; }
.mediumflags .flags.mn { background-position: -55px -957px; }
.mediumflags .flags.me { background-position: -110px -957px; }
.mediumflags .flags.ms { background-position: -165px -957px; }
.mediumflags .flags.ma { background-position: -220px -957px; }
.mediumflags .flags.mz { background-position: 0px -990px; }
.mediumflags .flags.mm { background-position: -55px -990px; }
.mediumflags .flags.na { background-position: -110px -990px; }
.mediumflags .flags.nr { background-position: -165px -990px; }
.mediumflags .flags.np { background-position: -220px -990px; }
.mediumflags .flags.nl { background-position: 0px -1023px; }
.mediumflags .flags.nc { background-position: -55px -1023px; }
.mediumflags .flags.nz { background-position: -110px -1023px; }
.mediumflags .flags.ni { background-position: -165px -1023px; }
.mediumflags .flags.ne { background-position: -220px -1023px; }
.mediumflags .flags.ng { background-position: 0px -1056px; }
.mediumflags .flags.nu { background-position: -55px -1056px; }
.mediumflags .flags.nf { background-position: -110px -1056px; }
.mediumflags .flags.kp { background-position: -165px -1056px; }
.mediumflags .flags.mp { background-position: -220px -1056px; }
.mediumflags .flags.no { background-position: 0px -1089px; }
.mediumflags .flags.om { background-position: -55px -1089px; }
.mediumflags .flags.pk { background-position: -110px -1089px; }
.mediumflags .flags.pw { background-position: -165px -1089px; }
.mediumflags .flags.ps { background-position: -220px -1089px; }
.mediumflags .flags.pa { background-position: 0px -1122px; }
.mediumflags .flags.pg { background-position: -55px -1122px; }
.mediumflags .flags.py { background-position: -110px -1122px; }
.mediumflags .flags.pe { background-position: -165px -1122px; }
.mediumflags .flags.ph { background-position: -220px -1122px; }
.mediumflags .flags.pn { background-position: 0px -1155px; }
.mediumflags .flags.pl { background-position: -55px -1155px; }
.mediumflags .flags.pt { background-position: -110px -1155px; }
.mediumflags .flags.pr { background-position: -165px -1155px; }
.mediumflags .flags.qa { background-position: -220px -1155px; }
.mediumflags .flags.cg { background-position: 0px -1188px; }
.mediumflags .flags.re { background-position: -55px -1188px; }
.mediumflags .flags.ro { background-position: -110px -1188px; }
.mediumflags .flags.ru { background-position: -165px -1188px; }
.mediumflags .flags.rw { background-position: -220px -1188px; }
.mediumflags .flags.bl { background-position: 0px -1221px; }
.mediumflags .flags.sh { background-position: -55px -1221px; }
.mediumflags .flags.kn { background-position: -110px -1221px; }
.mediumflags .flags.lc { background-position: -165px -1221px; }
.mediumflags .flags.mf { background-position: -220px -1221px; }
.mediumflags .flags.pm { background-position: 0px -1254px; }
.mediumflags .flags.vc { background-position: -55px -1254px; }
.mediumflags .flags.ws { background-position: -110px -1254px; }
.mediumflags .flags.sm { background-position: -165px -1254px; }
.mediumflags .flags.st { background-position: -220px -1254px; }
.mediumflags .flags.sa { background-position: 0px -1287px; }
.mediumflags .flags.sn { background-position: -55px -1287px; }
.mediumflags .flags.rs { background-position: -110px -1287px; }
.mediumflags .flags.sc { background-position: -165px -1287px; }
.mediumflags .flags.sl { background-position: -220px -1287px; }
.mediumflags .flags.sg { background-position: 0px -1320px; }
.mediumflags .flags.sx { background-position: -55px -1320px; }
.mediumflags .flags.sk { background-position: -110px -1320px; }
.mediumflags .flags.si { background-position: -165px -1320px; }
.mediumflags .flags.sb { background-position: -220px -1320px; }
.mediumflags .flags.so { background-position: 0px -1353px; }
.mediumflags .flags.za { background-position: -55px -1353px; }
.mediumflags .flags.gs { background-position: -110px -1353px; }
.mediumflags .flags.kr { background-position: -165px -1353px; }
.mediumflags .flags.ss { background-position: -220px -1353px; }
.mediumflags .flags.es { background-position: 0px -1386px; }
.mediumflags .flags.lk { background-position: -55px -1386px; }
.mediumflags .flags.sd { background-position: -110px -1386px; }
.mediumflags .flags.sr { background-position: -165px -1386px; }
.mediumflags .flags.sj { background-position: -220px -1386px; }
.mediumflags .flags.sz { background-position: 0px -1419px; }
.mediumflags .flags.se { background-position: -55px -1419px; }
.mediumflags .flags.ch { background-position: -110px -1419px; }
.mediumflags .flags.sy { background-position: -165px -1419px; }
.mediumflags .flags.tw { background-position: -220px -1419px; }
.mediumflags .flags.tj { background-position: 0px -1452px; }
.mediumflags .flags.tz { background-position: -55px -1452px; }
.mediumflags .flags.th { background-position: -110px -1452px; }
.mediumflags .flags.tg { background-position: -165px -1452px; }
.mediumflags .flags.tk { background-position: -220px -1452px; }
.mediumflags .flags.to { background-position: 0px -1485px; }
.mediumflags .flags.tt { background-position: -55px -1485px; }
.mediumflags .flags.tn { background-position: -110px -1485px; }
.mediumflags .flags.tr { background-position: -165px -1485px; }
.mediumflags .flags.tm { background-position: -220px -1485px; }
.mediumflags .flags.tc { background-position: 0px -1518px; }
.mediumflags .flags.tv { background-position: -55px -1518px; }
.mediumflags .flags.vi { background-position: -110px -1518px; }
.mediumflags .flags.ug { background-position: -165px -1518px; }
.mediumflags .flags.ua { background-position: -220px -1518px; }
.mediumflags .flags.ae { background-position: 0px -1551px; }
.mediumflags .flags.gb { background-position: -55px -1551px; }
.mediumflags .flags.us { background-position: -110px -1551px; }
.mediumflags .flags.um { background-position: -165px -1551px; }
.mediumflags .flags.uy { background-position: -220px -1551px; }
.mediumflags .flags.uz { background-position: 0px -1584px; }
.mediumflags .flags.vu { background-position: -55px -1584px; }
.mediumflags .flags.va { background-position: -110px -1584px; }
.mediumflags .flags.ve { background-position: -165px -1584px; }
.mediumflags .flags.vn { background-position: -220px -1584px; }
.mediumflags .flags.wf { background-position: 0px -1617px; }
.mediumflags .flags.eh { background-position: -55px -1617px; }
.mediumflags .flags.ye { background-position: -110px -1617px; }
.mediumflags .flags.zm { background-position: -165px -1617px; }
.mediumflags .flags.zw { background-position: -220px -1617px; }
.mediumflags .flags.eu { background-position: 0px -1650px; }
.mediumflags .flags.ca.cfa { background-position: -55px -1650px; }
.mediumflags .flags.cfpf { background-position: -110px -1650px; }
.mediumflags .flags.ecd { background-position: -165px -1650px; }
.mediumflags .flags.wa.cfa { background-position: -220px -1650px; }

.smallflags .flags { background:url(/img/flags/sprite/smallsprite.png) no-repeat;width:16px;height:11px;}
.smallflags .flags.af { background-position: 0px 0px; }
.smallflags .flags.ax { background-position: -16px 0px; }
.smallflags .flags.al { background-position: -32px 0px; }
.smallflags .flags.dz { background-position: -48px 0px; }
.smallflags .flags.as { background-position: -64px 0px; }
.smallflags .flags.ad { background-position: 0px -11px; }
.smallflags .flags.ao { background-position: -16px -11px; }
.smallflags .flags.ai { background-position: -32px -11px; }
.smallflags .flags.aq { background-position: -48px -11px; }
.smallflags .flags.ag { background-position: -64px -11px; }
.smallflags .flags.ar { background-position: 0px -22px; }
.smallflags .flags.am { background-position: -16px -22px; }
.smallflags .flags.aw { background-position: -32px -22px; }
.smallflags .flags.au { background-position: -48px -22px; }
.smallflags .flags.at { background-position: -64px -22px; }
.smallflags .flags.az { background-position: 0px -33px; }
.smallflags .flags.bs { background-position: -16px -33px; }
.smallflags .flags.bh { background-position: -32px -33px; }
.smallflags .flags.bd { background-position: -48px -33px; }
.smallflags .flags.bb { background-position: -64px -33px; }
.smallflags .flags.by { background-position: 0px -44px; }
.smallflags .flags.be { background-position: -16px -44px; }
.smallflags .flags.bz { background-position: -32px -44px; }
.smallflags .flags.bj { background-position: -48px -44px; }
.smallflags .flags.bm { background-position: -64px -44px; }
.smallflags .flags.bt { background-position: 0px -55px; }
.smallflags .flags.bo { background-position: -16px -55px; }
.smallflags .flags.bq { background-position: -32px -55px; }
.smallflags .flags.ba { background-position: -48px -55px; }
.smallflags .flags.bw { background-position: -64px -55px; }
.smallflags .flags.bv { background-position: 0px -66px; }
.smallflags .flags.br { background-position: -16px -66px; }
.smallflags .flags.io { background-position: -32px -66px; }
.smallflags .flags.vg { background-position: -48px -66px; }
.smallflags .flags.bn { background-position: -64px -66px; }
.smallflags .flags.bg { background-position: 0px -77px; }
.smallflags .flags.bf { background-position: -16px -77px; }
.smallflags .flags.bi { background-position: -32px -77px; }
.smallflags .flags.kh { background-position: -48px -77px; }
.smallflags .flags.cm { background-position: -64px -77px; }
.smallflags .flags.ca { background-position: 0px -88px; }
.smallflags .flags.cv { background-position: -16px -88px; }
.smallflags .flags.ky { background-position: -32px -88px; }
.smallflags .flags.cf { background-position: -48px -88px; }
.smallflags .flags.td { background-position: -64px -88px; }
.smallflags .flags.cl { background-position: 0px -99px; }
.smallflags .flags.cn { background-position: -16px -99px; }
.smallflags .flags.cx { background-position: -32px -99px; }
.smallflags .flags.cc { background-position: -48px -99px; }
.smallflags .flags.co { background-position: -64px -99px; }
.smallflags .flags.km { background-position: 0px -110px; }
.smallflags .flags.ck { background-position: -16px -110px; }
.smallflags .flags.cr { background-position: -32px -110px; }
.smallflags .flags.hr { background-position: -48px -110px; }
.smallflags .flags.cu { background-position: -64px -110px; }
.smallflags .flags.cw { background-position: 0px -121px; }
.smallflags .flags.cy { background-position: -16px -121px; }
.smallflags .flags.cz { background-position: -32px -121px; }
.smallflags .flags.cd { background-position: -48px -121px; }
.smallflags .flags.dk { background-position: -64px -121px; }
.smallflags .flags.dj { background-position: 0px -132px; }
.smallflags .flags.dm { background-position: -16px -132px; }
.smallflags .flags.do { background-position: -32px -132px; }
.smallflags .flags.tl { background-position: -48px -132px; }
.smallflags .flags.ec { background-position: -64px -132px; }
.smallflags .flags.eg { background-position: 0px -143px; }
.smallflags .flags.sv { background-position: -16px -143px; }
.smallflags .flags.gq { background-position: -32px -143px; }
.smallflags .flags.er { background-position: -48px -143px; }
.smallflags .flags.ee { background-position: -64px -143px; }
.smallflags .flags.et { background-position: 0px -154px; }
.smallflags .flags.fk { background-position: -16px -154px; }
.smallflags .flags.fo { background-position: -32px -154px; }
.smallflags .flags.fj { background-position: -48px -154px; }
.smallflags .flags.fi { background-position: -64px -154px; }
.smallflags .flags.fr { background-position: 0px -165px; }
.smallflags .flags.gf { background-position: -16px -165px; }
.smallflags .flags.pf { background-position: -32px -165px; }
.smallflags .flags.tf { background-position: -48px -165px; }
.smallflags .flags.ga { background-position: -64px -165px; }
.smallflags .flags.gm { background-position: 0px -176px; }
.smallflags .flags.ge { background-position: -16px -176px; }
.smallflags .flags.de { background-position: -32px -176px; }
.smallflags .flags.gh { background-position: -48px -176px; }
.smallflags .flags.gi { background-position: -64px -176px; }
.smallflags .flags.gr { background-position: 0px -187px; }
.smallflags .flags.gl { background-position: -16px -187px; }
.smallflags .flags.gd { background-position: -32px -187px; }
.smallflags .flags.gp { background-position: -48px -187px; }
.smallflags .flags.gu { background-position: -64px -187px; }
.smallflags .flags.gt { background-position: 0px -198px; }
.smallflags .flags.gg { background-position: -16px -198px; }
.smallflags .flags.gn { background-position: -32px -198px; }
.smallflags .flags.gw { background-position: -48px -198px; }
.smallflags .flags.gy { background-position: -64px -198px; }
.smallflags .flags.ht { background-position: 0px -209px; }
.smallflags .flags.hm { background-position: -16px -209px; }
.smallflags .flags.hn { background-position: -32px -209px; }
.smallflags .flags.hk { background-position: -48px -209px; }
.smallflags .flags.hu { background-position: -64px -209px; }
.smallflags .flags.is { background-position: 0px -220px; }
.smallflags .flags.in { background-position: -16px -220px; }
.smallflags .flags.id { background-position: -32px -220px; }
.smallflags .flags.ir { background-position: -48px -220px; }
.smallflags .flags.iq { background-position: -64px -220px; }
.smallflags .flags.ie { background-position: 0px -231px; }
.smallflags .flags.im { background-position: -16px -231px; }
.smallflags .flags.il { background-position: -32px -231px; }
.smallflags .flags.it { background-position: -48px -231px; }
.smallflags .flags.ci { background-position: -64px -231px; }
.smallflags .flags.jm { background-position: 0px -242px; }
.smallflags .flags.jp { background-position: -16px -242px; }
.smallflags .flags.je { background-position: -32px -242px; }
.smallflags .flags.jo { background-position: -48px -242px; }
.smallflags .flags.kz { background-position: -64px -242px; }
.smallflags .flags.ke { background-position: 0px -253px; }
.smallflags .flags.ki { background-position: -16px -253px; }
.smallflags .flags.xk { background-position: -32px -253px; }
.smallflags .flags.kw { background-position: -48px -253px; }
.smallflags .flags.kg { background-position: -64px -253px; }
.smallflags .flags.la { background-position: 0px -264px; }
.smallflags .flags.lv { background-position: -16px -264px; }
.smallflags .flags.lb { background-position: -32px -264px; }
.smallflags .flags.ls { background-position: -48px -264px; }
.smallflags .flags.lr { background-position: -64px -264px; }
.smallflags .flags.ly { background-position: 0px -275px; }
.smallflags .flags.li { background-position: -16px -275px; }
.smallflags .flags.lt { background-position: -32px -275px; }
.smallflags .flags.lu { background-position: -48px -275px; }
.smallflags .flags.mo { background-position: -64px -275px; }
.smallflags .flags.mk { background-position: 0px -286px; }
.smallflags .flags.mg { background-position: -16px -286px; }
.smallflags .flags.mw { background-position: -32px -286px; }
.smallflags .flags.my { background-position: -48px -286px; }
.smallflags .flags.mv { background-position: -64px -286px; }
.smallflags .flags.ml { background-position: 0px -297px; }
.smallflags .flags.mt { background-position: -16px -297px; }
.smallflags .flags.mh { background-position: -32px -297px; }
.smallflags .flags.mq { background-position: -48px -297px; }
.smallflags .flags.mr { background-position: -64px -297px; }
.smallflags .flags.mu { background-position: 0px -308px; }
.smallflags .flags.yt { background-position: -16px -308px; }
.smallflags .flags.mx { background-position: -32px -308px; }
.smallflags .flags.fm { background-position: -48px -308px; }
.smallflags .flags.md { background-position: -64px -308px; }
.smallflags .flags.mc { background-position: 0px -319px; }
.smallflags .flags.mn { background-position: -16px -319px; }
.smallflags .flags.me { background-position: -32px -319px; }
.smallflags .flags.ms { background-position: -48px -319px; }
.smallflags .flags.ma { background-position: -64px -319px; }
.smallflags .flags.mz { background-position: 0px -330px; }
.smallflags .flags.mm { background-position: -16px -330px; }
.smallflags .flags.na { background-position: -32px -330px; }
.smallflags .flags.nr { background-position: -48px -330px; }
.smallflags .flags.np { background-position: -64px -330px; }
.smallflags .flags.nl { background-position: 0px -341px; }
.smallflags .flags.nc { background-position: -16px -341px; }
.smallflags .flags.nz { background-position: -32px -341px; }
.smallflags .flags.ni { background-position: -48px -341px; }
.smallflags .flags.ne { background-position: -64px -341px; }
.smallflags .flags.ng { background-position: 0px -352px; }
.smallflags .flags.nu { background-position: -16px -352px; }
.smallflags .flags.nf { background-position: -32px -352px; }
.smallflags .flags.kp { background-position: -48px -352px; }
.smallflags .flags.mp { background-position: -64px -352px; }
.smallflags .flags.no { background-position: 0px -363px; }
.smallflags .flags.om { background-position: -16px -363px; }
.smallflags .flags.pk { background-position: -32px -363px; }
.smallflags .flags.pw { background-position: -48px -363px; }
.smallflags .flags.ps { background-position: -64px -363px; }
.smallflags .flags.pa { background-position: 0px -374px; }
.smallflags .flags.pg { background-position: -16px -374px; }
.smallflags .flags.py { background-position: -32px -374px; }
.smallflags .flags.pe { background-position: -48px -374px; }
.smallflags .flags.ph { background-position: -64px -374px; }
.smallflags .flags.pn { background-position: 0px -385px; }
.smallflags .flags.pl { background-position: -16px -385px; }
.smallflags .flags.pt { background-position: -32px -385px; }
.smallflags .flags.pr { background-position: -48px -385px; }
.smallflags .flags.qa { background-position: -64px -385px; }
.smallflags .flags.cg { background-position: 0px -396px; }
.smallflags .flags.re { background-position: -16px -396px; }
.smallflags .flags.ro { background-position: -32px -396px; }
.smallflags .flags.ru { background-position: -48px -396px; }
.smallflags .flags.rw { background-position: -64px -396px; }
.smallflags .flags.bl { background-position: 0px -407px; }
.smallflags .flags.sh { background-position: -16px -407px; }
.smallflags .flags.kn { background-position: -32px -407px; }
.smallflags .flags.lc { background-position: -48px -407px; }
.smallflags .flags.mf { background-position: -64px -407px; }
.smallflags .flags.pm { background-position: 0px -418px; }
.smallflags .flags.vc { background-position: -16px -418px; }
.smallflags .flags.ws { background-position: -32px -418px; }
.smallflags .flags.sm { background-position: -48px -418px; }
.smallflags .flags.st { background-position: -64px -418px; }
.smallflags .flags.sa { background-position: 0px -429px; }
.smallflags .flags.sn { background-position: -16px -429px; }
.smallflags .flags.rs { background-position: -32px -429px; }
.smallflags .flags.sc { background-position: -48px -429px; }
.smallflags .flags.sl { background-position: -64px -429px; }
.smallflags .flags.sg { background-position: 0px -440px; }
.smallflags .flags.sx { background-position: -16px -440px; }
.smallflags .flags.sk { background-position: -32px -440px; }
.smallflags .flags.si { background-position: -48px -440px; }
.smallflags .flags.sb { background-position: -64px -440px; }
.smallflags .flags.so { background-position: 0px -451px; }
.smallflags .flags.za { background-position: -16px -451px; }
.smallflags .flags.gs { background-position: -32px -451px; }
.smallflags .flags.kr { background-position: -48px -451px; }
.smallflags .flags.ss { background-position: -64px -451px; }
.smallflags .flags.es { background-position: 0px -462px; }
.smallflags .flags.lk { background-position: -16px -462px; }
.smallflags .flags.sd { background-position: -32px -462px; }
.smallflags .flags.sr { background-position: -48px -462px; }
.smallflags .flags.sj { background-position: -64px -462px; }
.smallflags .flags.sz { background-position: 0px -473px; }
.smallflags .flags.se { background-position: -16px -473px; }
.smallflags .flags.ch { background-position: -32px -473px; }
.smallflags .flags.sy { background-position: -48px -473px; }
.smallflags .flags.tw { background-position: -64px -473px; }
.smallflags .flags.tj { background-position: 0px -484px; }
.smallflags .flags.tz { background-position: -16px -484px; }
.smallflags .flags.th { background-position: -32px -484px; }
.smallflags .flags.tg { background-position: -48px -484px; }
.smallflags .flags.tk { background-position: -64px -484px; }
.smallflags .flags.to { background-position: 0px -495px; }
.smallflags .flags.tt { background-position: -16px -495px; }
.smallflags .flags.tn { background-position: -32px -495px; }
.smallflags .flags.tr { background-position: -48px -495px; }
.smallflags .flags.tm { background-position: -64px -495px; }
.smallflags .flags.tc { background-position: 0px -506px; }
.smallflags .flags.tv { background-position: -16px -506px; }
.smallflags .flags.vi { background-position: -32px -506px; }
.smallflags .flags.ug { background-position: -48px -506px; }
.smallflags .flags.ua { background-position: -64px -506px; }
.smallflags .flags.ae { background-position: 0px -517px; }
.smallflags .flags.gb { background-position: -16px -517px; }
.smallflags .flags.us { background-position: -32px -517px; }
.smallflags .flags.um { background-position: -48px -517px; }
.smallflags .flags.uy { background-position: -64px -517px; }
.smallflags .flags.uz { background-position: 0px -528px; }
.smallflags .flags.vu { background-position: -16px -528px; }
.smallflags .flags.va { background-position: -32px -528px; }
.smallflags .flags.ve { background-position: -48px -528px; }
.smallflags .flags.vn { background-position: -64px -528px; }
.smallflags .flags.wf { background-position: 0px -539px; }
.smallflags .flags.eh { background-position: -16px -539px; }
.smallflags .flags.ye { background-position: -32px -539px; }
.smallflags .flags.zm { background-position: -48px -539px; }
.smallflags .flags.zw { background-position: -64px -539px; }
.smallflags .flags.eu { background-position: 0px -550px; }
.smallflags .flags.ca.cfa { background-position: -16px -550px; }
.smallflags .flags.cfpf { background-position: -32px -550px; }
.smallflags .flags.ecd { background-position: -48px -550px; }
.smallflags .flags.wa.cfa { background-position: -64px -550px; }

.listForm > div { display: inline-block; }
/* end flag sprite */

/* JT */
.page-wrapper {
	background-color: var(--main-bg-color);
	min-height: 100vh;
}
.page-wrapper>.container-fluid {
	padding: 0;
}
.page-wrapper:not(.registration) > .container-fluid {
	padding-top: 70px;
}
@media (max-width: 768px){
	.page-wrapper:not(.registration) > .container-fluid {
		padding-top: 75px;
	}
}

a {
	color: var(--miigen-gold);
}
a:hover {
	color: var(--miigen-gold-hover);
}
.btn {
	border-radius: var(--border-radius-all);
}
.btn-info {
	background-color: var(--miigen-blue);
	border-color: var(--miigen-blue);
}
.btn-light {
	background-color: var(--miigen-light-btn-bg);
	border-color: var(--miigen-light-btn-border);
	color: var(--miigen-light-btn-border);
}
.form-row {
	margin-right: 0; margin-left: 0;
}
.form-row>.col, .form-row>[class*=col-] {
	padding-left: 0; padding-right: 0;
}
.row {
	margin-right: 0; margin-left: 0;
}
h6 {
	color: var(--miigen-light-grey);
}

.form-control {
	background-color: var(--miigen-light-blue);
	border-radius: var(--border-radius-all);
	border: none;
}
	.form-control:focus {
		background-color: var(--miigen-light-blue);
	}

/* Auth Container */
.auth-bg {
	min-height: 100vh;
	padding: 0!important;
	position: relative;
	/*background-image: url(../../img/login/bg.jpg);*/
	background-image: url(../../img/login/Header-BG.jpg);
	background-size: cover;
}
@media (max-width: 850px){
	.subnote { display: block; }
}
@media (max-width: 576px){
	.auth-bg {
		background-position: center;
	}
}
@media (min-width: 576px){
	.auth-bg {
		/* background-image: url(../../img/login/bg.jpg); */
		background-image: url(../../img/login/Header-BG.jpg);
	}
}
	.auth-container {
		background-color: #fff;
		border-radius: 10px;
		font-family: var(--font-roboto), sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 1rem;
		line-height: 20px;
		letter-spacing: 0.01rem;
		max-width: 1200px;
		padding: 0!important;
		/*min-height: 500px;*/
	}
		.auth-container h4 {
			font-size: 1.5rem;
			font-weight: bold;
			font-family: var(--font-roboto), sans-serif;
			font-size: 24px;
			font-size: 1.714rem;
			line-height: 20px;
			font-weight: var(--weight-900);
		}
		.auth-container h6 {
			font-family: var(--font-roboto), sans-serif;
			font-size: 14px;
			font-size: 1rem;
			line-height: 20px;
			font-weight: var(--weight-400);
		}
		.auth-container label {
			font-size: 12px;
			font-style: normal;
			font-size: 0.8571rem;
			font-family: var(--font-roboto), sans-serif;
			line-height: 19px;
			font-weight: var(--weight-900);
			letter-spacing: 0.01em;
		}

		.auth-container > .auth-form {
			padding: 0.7rem 4rem!important;
		}
		@media (max-width: 992px){
			.auth-container > .auth-form {
				padding: 2rem!important;
			}
		}

		/* Left side, form */
		.auth-form {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
			.auth-form > .auth-logo{
				margin: 1rem 0!important;
			}
			.auth-form > .auth-title{
				margin: 2rem 0 .5rem!important;
			}
				.auth-form > .auth-title > * {
					margin-bottom: 0;
				}
			.auth-form > .auth-description{
				margin: 0 0 .5rem!important;
			}
				.auth-form > form > .auth-field:first-child {
					margin: 1.5rem 0 0!important;
				}
				@media (min-width: 768px){
					.auth-form > form > .auth-field.auth-pair > div:first-child {
						padding-right: 0.5rem;
					}
					.auth-form > form > .auth-field.auth-pair > div:last-child {
						padding-left: 0.5rem;
					}
				}
			.auth-form > form > .auth-button{
				margin: 0 0 .6rem!important;
			}
				.auth-form > form > .auth-button:first-child{
					margin-top: 0.5rem!important;
				}
			.auth-form > form > .auth-extra {
				margin: 1rem 0!important;
			}

			/* After element, background image and buttons */
			.auth-after {
				background-size: cover;
				position: relative;
				padding: 0!important;
				background-size: 85% auto;
				background-position: right bottom;
				background-repeat: no-repeat;
				border-radius: 0 0 10px 0;
			}
			@media (max-width: 991px){
				.auth-after {
					display: none;
				}
			}
			@media (max-width: 1200px){
				.auth-after {
					background-size: 100% auto;
				}
			}
				.auth-after-biographer {
					background-image: url(../../img/login/biographer.png);
				}
				.auth-after-family {
					background-image: url(../../img/login/family.png);
				}
				.auth-after-admin {
					background-image: url(../../img/login/admin.png);
				}
				.auth-after-partner {
					background-image: url(../../img/login/partner.png);
				}

			@media (min-width: 992px){
				.auth-after::after {
					content: "";
					background-repeat: no-repeat;
					position: absolute;
					height: 125px;
					width: 125px;
					top: 0;
					right: 1rem;
					background-size: auto 80%;
					background-position: bottom;
					background-image: url(../../img/rnd_logo.png);
				}
			}

			.login_logo {
				max-height: 37px;
				width:auto;
			}

.disc-text {
	font-size: 0.8571rem;
}

/* End Auth Container */


.border-r-50 {
	border-radius: 100px;
}
	.btn-fb, .btn-fb:hover {
	color: var(--facebook-blue);
	border-color: var(--facebook-blue);
	background-color: var(--miigen-light-btn-bg);
}
.c-b {clear: both;}
.c-l {clear: left;}
.c-r {clear: right;}
.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
}
.alert{
	margin:1rem;
}


/* Custom Toggle sizes */
	.custom-control > label.custom-control-label {
		font-size: 0.9rem;
		line-height: 1.714rem;
	}

	.custom-switch.custom-switch-lg {
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	}
	.custom-switch.custom-switch-lg .custom-control-label {
	padding-left: 0.75rem;
	padding-top: 0.15rem;
	}
	.custom-switch.custom-switch-lg .custom-control-label::before {
	border-radius: 1rem;
	height: 1.5rem;
	width: 2.5rem;
	}
	.custom-switch.custom-switch-lg .custom-control-label::after {
	border-radius: 0.65rem;
	height: calc(1.5rem - 4px);
	width: calc(1.5rem - 4px);
	}
	.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(1rem);
	}

	.custom-switch.custom-switch-xl {
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	}
	.custom-switch.custom-switch-xl .custom-control-label {
	padding-left: 2rem;
	padding-top: 0.5rem;
	}
	.custom-switch.custom-switch-xl .custom-control-label::before {
	border-radius: 1rem;
	height: 2rem;
	width: 3.5rem;
	}
	.custom-switch.custom-switch-xl .custom-control-label::after {
	border-radius: 2rem;
	height: calc(2rem - 4px);
	width: calc(2rem - 4px);
	}
	.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(1.5rem);
	}
/* End custom Toggle sizes */

.user-img img {
	height: 70px;
	width: 70px;
	border-radius: var(--border-radius-all);
}

.d-flex-column {
	flex-direction: column;
}
.expand-full-width {
	width: 100%;
	display: inline-flex;
	flex-direction: column;
}


/* Chat Page */
/* Contact List */
	.message-item {
		color: var(--miigen-accent)!important;
		opacity: 0.9;
		display: flex;
		/*width: calc(100% - 1rem);
		max-width: calc(100% - 1rem);*/
		margin: 1rem;
		padding: 5px!important;
		border-radius: var(--border-radius-curved);
	}
	.message-item.active{
		background-color: var(--miigen-accent-fade);
	}
	.message-item:hover {
		background-color: var(--miigen-accent-fade);
	}
	.message-title {
	color: var(--miigen-accent) !important;
	font-family: var(--font-roboto);
	font-weight: 900;
	font-style: normal;
	font-size: 1.143rem;
	line-height: 1.643rem;
	letter-spacing: 2%;
	}
	.message-subject {
	color: var(--miigen-text-secondary) !important;
	font-family: var(--font-roboto);
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.429rem;
	letter-spacing: 1%;
	display: block!important; /* Fix Ellipsis with display flex issues */
	max-width: 97%;
	}
	.message-date,
	.message-complete {
	flex-direction: row;
	align-self: flex-start;
	margin-top: 0.429rem;
	padding: 4px 8px 4px 5px;
	background: var(--miigen-light-blue);
	border-radius: var(--border-radius-round);
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: 0.786rem;
	line-height: 1.143rem;
	}
	.message-complete {
		background: var(--miigen-btn-green-bg);
	}
	.chat-participant {
		font-family: var(--font-roboto);
		font-weight: 900;
		font-size: 1.714rem;
		line-height: 2.286rem;
		padding: 0.2rem 1rem;
		margin: 0;
	}
	.message-date .rounded-circle, 
	.message-complete .rounded-circle {
	background: var(--miigen-calendar-blue);
	border-radius: var(--border-radius-round);
	width: 1.143rem;
	height: 1.143rem;
	font-style: normal;
	font-weight: normal;
	font-size: 0.714rem;
	line-height: 1.143rem;
	text-align: center;
	margin-right: 0.429rem;
	}
	.message-complete .rounded-circle {
		background: var(--miigen-btn-green);
	}

	.message-item .msgCount{
		background: var(--miigen-gold);
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		align-self: center;
	}
	.message-item:hover,
	.message-item.active{
		opacity: 1;
	}
	#search-counter {
		color: var(--miigen-light-grey);
	}
	.search {
		min-height: 40px;
		font-size: 0.75rem;
	}
	.search_btn {
		position: absolute;
		right: 2.3rem;
		top: 2.3rem;
		color: var(--miigen-light-grey);
	}
	.contact-list-width {
		width: calc(100% - 105px);
		min-width: calc(100% - 105px);
	}
	.message-center {
		max-height: calc(100vh - 180px);
		overflow-y: auto;
	}
	@media (max-width: 990px){
		.message-center {
			height: var(--contact-height);
			max-height: var(--contact-height);
		}
	}
	.chat-list {
		display: flex;
		flex-direction: column;
	}
	.chat-item.odd {
		align-self: flex-end;
	}
	.chat-list .chat-item .chat-content {
		width: auto!important;
	}
	.chat-list .chat-item .chat-content .msg {
		border-radius: var(--border-radius-curved-bl);
		background: var(--miigen-primary-10);

	}
	.chat-list .chat-item.odd .chat-content .msg {
		background: var(--miigen-primary);
		border-radius: var(--border-radius-curved-br);
		color: var(--miigen-primary-contrast);
	}
/* End Contact List */

/* Chat Content */
	@media (min-width: 990px){
		.chat-item {
			margin-right: 15rem;
		}
		.chat-item.odd {
			margin-right: 0;
			margin-left: 15rem;
		}
		.contact-list,
		.contact-search,
		#chat-holder {
			display: block!important;
		}
		.contact-toggle {
			display: none;
		}
	}
	.chat_cont {
		max-width: 100%;
		word-wrap: break-word;
		overflow-wrap: anywhere;
		display: flex;
		flex-direction: column;
	}
	.chat_cont,
	.chat_time {
		padding: 0.5rem 0.5rem 0 0.5rem;
	}
	.chat_time {
		align-self: flex-end;
		font-family: var(--font-roboto);
		font-size: 11px;
		line-height: 16px;
		letter-spacing: 0.03em;
		color: var(--miigen-text-body);
		opacity: 0.75;
	}
	.chat-item.odd .chat_time{
		color: var(--miigen-text-body-contrast);
	}
	#chat-holder .card,
	.messages-wrapper .card.contact-list{
		margin-bottom: 0px;
	}	
/* End Chat Content */

/* Chat Controls */
	.msg {
		display: flex;
		flex-direction: column;
	}
	.msg-input {
		flex-grow: 100;
	}

	.btn-container {
		display: flex;
	}
	.btn-container.btn-start {
		padding: 0;
	}
	.btn-container.btn-end {
		padding-left: 0;
		padding-right: 0;
	}
	.btn-container .btn-lg {
		border-radius: var(--border-radius-all);
		background-color: var(--miigen-gold);
		color: var(--miigen-black);
		display: block;
		margin: 0 0.5rem;
	}
	.chat-submit:hover,
	.chat-submit:focus {
		background-color: var(--miigen-gold-hover);
		color: var(--miigen-black);
	}
	.msg-container .col-9, 
	.msg-container .col-3 {
		padding-right: 0;
		padding-left: 0;
	}
	.btn-container .chat-unban {
		display: none;
	}
/* End Chat Controls */

/* Start Chat Popups */
	.chat_loader {
		min-width: 100%;
		min-height: 100%;
		background:rgba(0, 0, 0, 0.3);
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		font-size: 2rem;
		color: var(--miigen-white);
	}
	.chat_loader i {
		font-size: 3rem;
	}
	.chat_msg {
		position: absolute;
		left: 35%;
		left: calc(100% - 65%);
		width: 30%;
		text-align: center;
		flex-direction: row;
		align-self: flex-start;
		padding: 0.4rem;
		background: var(--miigen-primary);
		border-radius: var(--border-radius-round);
		color: var(--miigen-white);
		font-family: var(--font-roboto);
		font-style: normal;
		font-weight: normal;
		font-size: 0.786rem;
		line-height: 1.143rem;
		display: flex;
		justify-content: space-between;
		opacity: 0.75;
	}
	@media (max-width: 768px){
		.chat_msg {
			left: 10%;
			left: calc(100% - 95%);
			width: 90%;
			background: var(--miigen-primary); /* Change colour for mobile users, no hover */
			top: calc(100vh - 249px);
		}
		.direct_chat .chat_msg {
			top: calc(100vh - 164px);
		}
		
	}
	.chat_msg > a {
		color: var(--miigen-white);
	}
	.chat_msg:hover {
		/*background: var(--miigen-primary);*/
		opacity: 0.9;
		cursor: pointer;
	}
	.chat_msg .rounded-circle {
		width: 1.143rem;
		height: 1.143rem;
		font-style: normal;
		font-weight: normal;
		font-size: 0.714rem;
		line-height: 1.143rem;
		text-align: center;
		margin-right: 0.429rem;
		background: var(--blue);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.new_msg {
		bottom: calc(0px + 1rem);
	}
	.loading_msg {
		top: 1rem;
	}
	.block_msg {
		top: 1rem;
		background: rgba(255, 71, 76, 0.95);
	}
		.block_msg .rounded-circle {
			background: rgba(255, 71, 76, 1);
		}

/* End Chat Popups */

/* Chat layout without VH */
	#chat-holder {
		height: calc(100vh - 71px);
		max-height: calc(100vh - 71px);
		height: var(--app-height);
		max-height: var(--app-height);
	}
	@media (max-width: 970px){
		#chat-holder {
			display: none;
		}
	}
	#chat-holder {
		max-width: calc(68% - 20px);
		overflow-x:hidden;
		overflow-y:hidden;
	}
	@media (max-width: 1200px){
		#chat-holder {
			max-width: calc(60% - 20px);
		}
	}
	@media (max-width: 990px){
		#chat-holder {
			max-width: 100%;
		}
	}
	.full_chat #chat-holder {
		width:100%!important;
		max-width:100%!important;
		height:100%!important;
		max-height:100%!important;
		display:block!important;
		padding: 0;
	}
		.full_chat #chat-holder .card {
			margin-bottom:0!important;
		}
	/* Simple bar fixes */
	.chat-box .simplebar-content {
		display: flex;
		flex-direction: column;
	}

	.contact-list {
		max-height: var(--contact-height);
	}
	.contacts {
		max-height: var(--contact-height-inner)!important;
	}
		.chat {
			display: flex;
			flex-flow: column;
			height: 100%;
		}
			.chat-header-info{
				display: flex;
				justify-content: space-between;
			}
				.chat-participant {
					flex-grow: 1;
				}
			.chat-box {
				display: flex;
				flex-flow: column;
				flex: 1; /* Grow the flex */
				position: relative;
				overflow-x: hidden;
			}
				.chat-list {
					flex-grow: 100; /* Force growth into remaining space */
					overflow-y: auto;
					overflow-x: hidden;

					pointer-events: auto;
					touch-action: pan-y;
					-webkit-overflow-scrolling: touch; /* Lazy Scrolling */
				}
				.msg-container {
					flex: 0;
					height: 62px; /* Reserved space at end for input */
				}
/* END Chat layout without VH */

/* chat responsive */
@media screen and (max-width: 989px){
    .messages-wrapper .miigen-wrapper {
      padding-top: 0px;
    }
    .messages-wrapper .miigen-col-padding,
    .messages-wrapper .miigen-wrapper > .col-md-12{
        padding-left: 0;
        padding-right: 0;
    }
    .messages-wrapper #chat-holder{
        padding-left: 0;
        padding-right: 0;   
        min-width: 1px;
		height: var(--app-height);
		max-height: var(--app-height);        
    }
    .chat.card{
        margin-bottom: 0;
    }
    
    .messages-wrapper > .container-fluid {
        min-height: 100vh;
        height: 100vh;
    }
    
    .messages-wrapper .contact-list{
        margin-bottom: 0;
    }
    
     .messages-wrapper .contact-list {
        max-height: var(--contact-height);
    }
    .contacts {
        max-height: var(--contact-height-inner)!important;
    }
}
/* end chat responsive */


/* Start Iframe Embed */
.full_chat .chat {
	width: 100%;
}
.full_chat .contact-toggle {
	display: none!important;
}
.direct_chat {
	padding:0!important;
}
.direct-chat-embed { /* Overwriting modal styling as iframe */
	width: calc(100% + 2rem);
	height: 75vh;
	margin: -1rem -1rem -1.4rem!important;
	border: none;
}
	.full_chat .chat-list {
		height: calc(100vh - 122px);
	}
	@media (max-height: 600px){
		.direct-chat-embed {
			height: 65vh;
		}
	}
	@media (max-height: 475px){
		.direct-chat-embed {
			height: 60vh;
		}
	}
/* End Iframe Embed */


.contact-toggle {
	display: none!important;
}
@media (max-width: 990px){
	.contact-toggle {
		color: #7c8798;
		display: block!important;
	}
	#chat-holder {
		border-top: 1px solid #edf2f9!important;
	}
	/* search box */
	#main-wrapper > div > div.container-fluid > div > div > div > div > div.col-lg-3.col-xl-2.border-right > div.card-body.border-bottom {
		padding: 0 10px;
	}
	.search_btn {
		right: 1.3rem;
		top: 1.7rem;
	}
}
/* End Chat Page */

/* Temp rules to make chat full size */
#main-wrapper[data-layout="vertical"][data-header-position="fixed"] .page-wrapper {
	padding-top: 0;
}
/* #main-wrapper > div > div.container-fluid > div > div > div {
	margin-bottom:0;
}*/
.customize-input {
	display:none!important;
}
/* end of temp rules */

/* End JT */

/* start: profile page additions */
.my_family_col{
	padding-bottom: 32px;
}
.biogrpaherFeedbackHolder{
	padding: 1.5rem;
}
.family_profile_list_item, .contactListItem{
	cursor: pointer;
	padding-bottom: 1rem;
}
.family_profile_list_item .profile_image, .contactListItem .partnerImage, .partnerContactImage {
	margin-right: 20px;
	min-width: 70px;
}
.family_profile_list_item:hover, .contactListItem:hover {
	opacity: 0.9;
}
.family_profile_selected > div{
	background: var(--miigen-gold-transparent-full);
	border-radius: var(--border-radius-all);
	overflow: hidden;
}
.family_profile_list_item > div{
	padding: 5px;
}
.prof_pic{
	border-radius: var(--border-radius-all);
	max-width: 100%;
	max-width: 70px; 
	max-height: 70px; 
}
.profileUpdatePhoto,
.profileRemovePhoto,
.profileRemovePhotoNewImage{
	margin-top: 0.5rem;
	width: 100%;
	cursor: pointer;
}
.profileYouMarker{
	border-radius: var(--border-radius-all);
	padding: .175rem .5rem;
}
.profilePages .form-group textarea{
	height: auto;
}
.lightblueRightBorder{
	border-right: 1px solid  var(--miigen-light-blue);
}
h1.familyListTitle{
	margin: 0;
}

.btn.dropdown-toggle.btn-light.bs-placeholder,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle {
    background: var(--miigen-light-blue);
    color: var(--miigen-focus) !important;
    border: 0;
	font-size: var(--bootstrap-formcontrol-font);
	font: var(--font-family-sans-serif);
    font-weight: normal;
}
.bootstrap-select .btn.disabled, .btn:disabled {
    opacity: 1;
}

.profileSectionTitle{
	font-size: 1.143rem;
}

.profileControlsRow{
	display: inline-block;
}
.suggestedSize.disabled, 
.profileUpdatePhoto.disabled, 
.profileRemovePhoto.disabled,
.profileRemovePhotoNewImage.disabled{
	cursor: default;
	pointer-events: none !important;
	opacity: 0;

}
.profilePages .form-group{
	margin-bottom: 0.5rem;
}

.familyListTitle:hover{
	cursor:pointer;
	color: var(--miigen-light-grey);
}
.mobileFamilyExpand, .mobileExpand {
	display: none;
	color: var(--miigen-light-grey);
	padding-right: 1rem;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.mobileFamilyExpand.fa-rotate-180, .mobileExpand.fa-rotate-180{
	padding-right: 0;
	padding-left: 1rem;

    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.biographerprofilepages .phone_col_left{
	padding-left: 0;
}
.biographerprofilepages .phone_col_right{
	padding-right: 0;
}
.min768Only, .max767Only{
	display: none;
}
.mobileFamilyExpandList{
	overflow-y: auto;
	overflow-x: hidden;
}
.form-control.title{
	min-width: 45px;
}
.profile-wrapper .btn-miigen-remove-delete{
	margin-right: 16px;
}
.mailholder{
	cursor: pointer;
}

/*was explicitly wanted that clicking on the mail address, results in mailto, some styling here due to disabled input not clickable. */
.profileEmail input:disabled{
	pointer-events:none;
}

/* start:  selection of additional sizing bracket classes to help position elements in profile pages that spill out. */
@media screen and (max-width: 1700px) and (min-width: 992px) {
	.familyprofilepages .smallflags .ddTitle .flags {
		display: none;
	}
}


@media screen and (max-width: 1560px) {
	.profileUpdatePhoto span {
		display: none;
	}
	.profileYouMarker {
		display: none;
	}
}
@media screen and (max-width: 1500px) {
	.family_profile_list_item, .contactListItem{
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 1400px) {
	.profileUpdatePhoto, .profileRemovePhoto, .profileRemovePhotoNewImage {
		font-size: 0.8571rem;
	}
}
@media screen and (max-width: 1350px) and (min-width: 1200px) {
	.smaller_desktop_full_width_col{
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
	.smaller_desktop_half_width_col{
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
	}
}
@media screen and (min-width: 1351px){
	.familyprofilepages .phone_col_left{
		padding-left: 0;
	}
	.familyprofilepages .phone_col_right{
		padding-right: 0;
	}
}
@media screen and (max-width: 1350px){
	.smaller_desktop_full_width_col{
		padding: 0;
	}
	.smaller_desktop_full_width_col label{
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media screen and (min-width: 992px){
	.my_family_col{
		padding-right: 0;
	}
	.profile-wrapper > [class*="col-"] {
		display: flex;
		flex-direction: column;
	}
	.my_family_col .card{
		height: 100%;
		max-height: 100%;
	}
	.my_family_col .card-body{
		height: calc(100% - 55px);
		max-height: calc(100% - 55px);
	}
	.mobileFamilyExpandList{
		max-height: 630px;
	}
}
@media screen and (max-width: 991px){
	.family_profile_list_item, .contactListItem{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (min-width: 768px){
	.min768Only{
		display: block;
	}
	.mobile_only{
		display: none;
	}
	.profileControlsRow{
		padding-right: 16px;
	}
}
@media screen and (max-width: 767px){
	.section-header{
		padding-left: 10px;
		padding-right: 10px;
	}
	.max767Only{
		display: block;
	}
	.phone_col_right{
		margin-top: 15px;
	}
	.no_mobile_padding{
		padding-left: 0;
		padding-right: 0;
	}
	/* .profileControlsRow{
		padding-bottom: 20px;
	} */
	.mobileFamilyExpand{
		display: inline-block;
	}
	.mobileFamilyExpandList, .mobileExpandList {
		height: 0 !important;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		transition: all 2s ease;
		overflow:hidden;
	}
	.mobileFamilyExpandList-expanded, .mobileExpandList-expanded{
		height: auto !important;
		overflow:auto;
		overflow-x: hidden;
	}
	.biographerprofilepages .phone_col_left,
	.biographerprofilepages .phone_col_right{
		padding: 0;
	}

	.profileControlsRow,
	.profileEditMode,
	.profileControlsRow .btn,
	.profilePages .btn-miigen-remove-delete{
		/* width: 100%;
		display: block; */
	}
	.profileControlsRow .btn,
	.profilePages .btn-miigen-remove-delete{
		margin-bottom: 16px;
	}
	.editing_current_card .section-header .edit_section{
		display: flex;
		flex-direction: row !important;
	}
	.editing_current_card .section-header .edit_section .profileCancelMode{
		margin-left: 4px;
	}
}
@media screen and (max-width: 550px){
	.family_profile_list_item, .contactListItem {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
}
/* end:  selection of additional sizing bracket classes to help position elements in profile pages that spill out. */

/* end: profile page additions */



/* Start: Biographer listing section - used on Find Biogrpahers and My Biographer pages */
/* biographer search */
.biographer_search{
	font-size: 0.75rem;
	min-height: 50px;
}
.biographer_search_btn{
	position: absolute;
	right: 2rem;
	top: 1rem;
	color: var(--miigen-light-grey);
	cursor: pointer;
}
.biographer_search_btn:hover{
	color: var(--miigen-grey);
}
.biographer_search_help_btn{
	min-height: 50px;
	line-height: 2rem;
}
.findBioSearchResultCard .pager{
	min-width: auto;
}

/* Biographer summary details */
.findBiographerSearchResults{
    padding-left: 8px;
    padding-right: 8px;
	padding-top: 16px;
}
.profile_image, .partnerImage, .partnerContactImage {
	width: 70px;
	max-width: 100%;
	height: 70px;
	background-size: cover;
	background-position: center center;
	border-radius: var(--border-radius-all);
}
.biographers_details{
	min-width: 50%;
}
.biographers_details_name{
	font-weight: var(--weight-800);
	font-size: 1.125rem;
	color: var(--miigen-grey);
}
.container-fluid .viewBiographerSummary .biographer_rating_btn{
	float: right;
	color: var(--miigen-grey);
	display: block;
	margin: 8px;
}

.biographers_services{
	color: var(--miigen-light-grey);
}
.biographers_services i{
	color: var(--miigen-grey);
	padding-right: 0.5rem;
}
.biographers_location{
	min-width: 100px;
	text-align: center;
}
.biographers_show_more{
	min-width: 100px;
}
.biographers_show_less{
	min-width: 40px;
}
.container-fluid .viewBiographerSummary .biographer_approved_btn{
	color: var(--miigen-grey);
}
.biographer_approved_btn i{
	color: var(--miigen-gold);
}
.viewBiographerSummary.d-none {
    display: none !important;
}
.viewBiographerSummary .card,
.pickClassSummary .card {
    border: 1px solid var(--miigen-light-grey);
    border-radius: var(--border-radius-all);
    margin: 0;
        margin-right: 0px;
        margin-bottom: 0px;
    margin-bottom: 32px;
}
.viewBiographerSummary .card-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 36px;
	margin-bottom: 8px;
	font-size: 0.8571rem;
	line-height: 1.429rem;
}
.card .biographers_show_more {
    background: var(--miigen-blue);
    color: var(--miigen-white);
    margin-right: 10px;
}
.viewBiographerSummary p{
	margin-bottom: 0.5rem;
}
.viewBiographerSummary_location {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.8571rem;
	line-height: 1.429rem;
	color: var(--miigen-text-secondary);
}
.viewBiographerSummary_location i {
    color: var(--miigen-gold);
}
.viewBiographerSummary .card-text{
	min-height: 45px;
}
.viewBiographerSummaryCtrls{
	display: flex;
	justify-content: space-between
}
.biographerFilterGroup .card-body{
	padding: 16px;
}
.biographerFilterGroup .card{
	margin-right: 16px;
}
.biographerFilterGroup .card:last-child{
	margin-right: 0;
}
.noBiographersNotice{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 80px;
}
.noBiographersNotice i {
    font-size: 120px;
    color: var(--miigen-light-blue);
}
.noBiographersNotice_title {
    color: var(--miigen-blue);
    padding-top: 30px;
    padding-bottom: 4px;
    font-weight: var(--weight-900);
}
.noBiographersNotice_text{
	padding-bottom: 20px;
}
.resetFindBiographerFilters{
	cursor: pointer;
}
.biographerFilterHolder{
	width: 100%;
}
.viewBiographerSummary{
	max-width: 270px;
	margin-left: auto;
	margin-right: auto;
}
.expanded_biog_details .biographer_rating_btn{
	max-width: 200px;
	cursor: default;
}
.matchmakingTextHolder{
	background: var(--miigen-light-blue);
	display: flex;
	flex-direction: row;
}
.matchmakingTextHolder input {

}
.family_matchmaking_cancel_text{
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: var(--miigen-text-placeholder);
}
.family_matchmaking_cancel_text:hover{
	color: var(--miigen-grey);
	cursor: pointer;
}

/* Biographer sliding animations */
@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Biographer expanded details */
.biographers_expanded_details{
	border: 1px solid var(--miigen-light-blue);
	border-radius: var(--border-radius-curved);
	animation: slide-up 0.4s ease;
}
.biographers_expanded_details .profile_image{
	width: 80px;
	height: 80px;
	max-width: 100%;
}
.biog_expanded_rating{
	border-radius: var(--border-radius-curved);
	text-align: center;
}
.biog_expanded_rating > div{
	flex-grow: 1
}
.biog_expanded_rating .biog_score{
	font-size: 2rem;
	line-height: 2rem;
	font-weight: var(--weight-800);
	padding-top: 0.5rem;
}
.biog_expanded_rating .biog_ratings{
	color: var(--miigen-grey);
}
.biog_expanded_left{
	width: 20%;
}
.biog_expanded_right{
	width: 80%;
}
.biog_expanded_nameholder{
	flex-grow: 1;
}
.expanded_biog_vertical_center{
	display: flex;
	align-items: center;
}
.expanded_biog_vertical_center a{
	cursor: pointer;
}
.biog_expanded_scrollable{
	max-height: 380px;
	overflow: auto;
	padding-top: 1rem;
}
.biog_expanded_about{
	border: 1px solid var(--miigen-light-blue);
	border-radius: var(--border-radius-curved);
	background: var(--miigen-light-blue);
	min-width: 100%;
}
.biog_expanded_services>div{
	display: block;
}
.expanded_biog_extras_right{
	flex-grow: 1;
}
.biog_expanded_location_txt,
.biog_expanded_languages_txt,
.biog_expanded_hobbies_txt,
.biog_expanded_likes_txt{
	border: 1px solid var(--miigen-light-blue);
	background: var(--miigen-light-blue);
}
.biog_expanded_location,
.biog_expanded_languages,
.biog_expanded_hobbies,
.biog_expanded_likes{
	flex-grow: 1;
	max-width: 50%;
}
.remove_biographer,
.approve_biographer,
.message_biographer{
	margin-bottom: 4px;
	width: 100%;
}
.biographers_expanded_details  .message_biographer{
	max-width: 30px;
}

@media screen and (max-width: 575px){
	.biographerFilterGroup .card{
		margin-right: 0;
	}
}
/* End: Biographer listing section - used on Find Biogrpahers and My Biographer pages */


/* Start: Book Activities section */
.book_activties_holder .children_gridview{
	display: none;
}
.categorystructure_gridview{
	padding-bottom: 8px;
}
.categoryitem_gridview{
	text-align: center;
	padding: 0;
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	min-height: 55px;
	cursor: pointer;
	font-family: var(--font-roboto);
	font-weight: var(--weight-500);
	color: var(--miigen-grey);
	text-transform: capitalize;
	margin-bottom: 8px;
}
.categoryitem_gridview:hover{
	opacity: 0.8;
	color: #000;
}
.card-category-list{
	margin: 0;
}
.categorystructure_gridview>div:nth-child(1n + 1) .categoryitem_gridview{
    background: var(--miigen-light-blue);
}
.categorystructure_gridview>div:nth-child(1n + 1) .selectedCategory .categoryitem_gridview{
    border: 2px solid var(--miigen-mid-blue);
}
.categorystructure_gridview>div:nth-child(2n + 2) .categoryitem_gridview{
    background: var(--miigen-gold-transparent)!important;
}
.categorystructure_gridview>div:nth-child(2n + 2) .selectedCategory .categoryitem_gridview{
    border: 2px solid var(--miigen-gold)!important;
}
.categorystructure_gridview>div:nth-child(4n + 3) .categoryitem_gridview{
    background: var(--miigen-btn-green-bg);
}
.categorystructure_gridview>div:nth-child(4n + 3) .selectedCategory .categoryitem_gridview{
    border: 2px solid var(--miigen-btn-green);
}
.categorystructure_gridview>div:nth-child(4n + 4) .categoryitem_gridview{
    background: var(--miigen-class-light-red)!important;
}
.categorystructure_gridview>div:nth-child(4n + 4) .selectedCategory .categoryitem_gridview{
    border: 2px solid var(--miigen-class-red)!important;
}

@media screen and (max-width: 600px){
	#main-wrapper .categorystructure_gridview .col{
		width: 50%;
		flex-basis: auto;
	}
}

@media screen and (max-width: 400px){
	#main-wrapper .categorystructure_gridview .col{
		width: 100%;
		flex-basis: auto;
		flex-grow: unset;
	}
}
.BookActivitiesCategorySection{
	line-height: 28px;
}
.BookActivitiesCategorySection > span{
	font-style: italic;
	color: var(--miigen-grey);
	font-size: 1rem;
}
.BookActivitiesCategoryContainer .col-md-12{
	padding-left: 8px;
	padding-right: 8px;
}
.BookActivitiesCategoryBtn{
	font-style: italic;
	color: var(--miigen-gold);
	padding-left: 1rem;
	cursor: pointer;
	min-width: 170px;
	font-size: 1rem;
}
.BookActivitiesCategoryBtn:hover{
	opacity: 0.9;
}
.BookActivitiesCategoryContainer{
	width: 170px;
}
.BookActivitiesCategoryList{
	position: absolute;
	z-index: 51000;
	background: #fff;
}
.BookActivitiesCategoryList .categoryrow{
	cursor: pointer;
}
.BookActivitiesCategoryList .categoryrow .children{
	display: none;
}
.emptyCategoryPlaceholder{
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}
.emptyCategoryIcon{
	font-size: 96px;
	color: var(--miigen-light-blue);
}
.emptyCategoryTitle{
	color: var(--miigen-blue);
	padding-top: 0.5rem;
	padding-bottom: 4px;
	font-weight: var(--weight-900);
}
.resetFilterbtn{
	font-weight: bold;
	cursor: pointer;
}
.book_activties_holder{
	padding-top: 0;
}
.classListPlaceholder,
.productListPlaceholder{
	padding-left: 8px;
    padding-right: 8px;
	padding-top: 16px;
}
#main-wrapper .BookActivitiesTitle{
	font-family: var(--font-roboto);
	font-weight: 900;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}
#main-wrapper .BookActivitiesSubTitle{
	font-family: var(--font-roboto);
	font-weight: 900;
	font-size: 18px;
	line-height: 24px;
}
.fullPageBasketContainer{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.basket_page .basketPageCardBody{
	min-height: 340px;
}
.basket_page .section-header{
	min-height: 52px;
}
.basketTopControls{
	padding-bottom: 8px;
    border-bottom: 1px solid var(--miigen-light-blue);
}
.basket_page .basketTopControls{
	border: 0;
}
.basketTopControls .basketmodal_shipping{
	width: 100%;
}
.item_summary_card{
	cursor: pointer;
}
.item_summary_card:hover{
	opacity: 0.8;
}
.removeItemFromBasketBtn{
	cursor: pointer;
	background: var(--miigen-light-blue);
	color: var(--miigen-blue);
	text-align: center;
}
#main-wrapper .removeItemFromBasketBtn i{
	padding: 0;
}
.removeItemFromBasketBtn:hover{
	opacity: 1;
}
.clearBasketbtn{
	cursor: pointer;
}
.book_activities_summary .card{
    border: 1px solid var(--miigen-light-grey);
    border-radius: var(--border-radius-all);
    /* box-shadow: 0 5px 5px -5px var(--miigen-faded-5); */
    margin: 0;
	margin-bottom: 32px;
}
.classesForm .card-text, .productsForm .card-text, .partnersForm .card-text, .previewArea .card-text,
.book_activities_summary .card-text{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	min-height: 36px;
	margin-bottom: 8px;
	font-size: 0.8571rem;
	line-height: 1.429rem;
}
.classesForm .card-price, .productsForm .card-price, .partnersForm .card-price, .previewArea .card-price,
.book_activities_summary .card-price{
	font-size: 0.8571rem;
	color: var(--miigen-text-secondary);
}
.basketContainerSection{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.fullPageBasketContainer .basketContainerSection{
	margin-bottom: 0;
	padding-bottom: 0;
}
.modals .card.basketContainerSection,
.modals .card.modalBasketContainerSection{
	margin-bottom: 0;
}
.emptyBasketNotice{
	text-align: center;
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
}
.emptyBasketNotice i{
	font-size: 96px;
	color:var(--miigen-light-blue);
}
.emptyBasketNotice_title{
	color:var(--miigen-blue);
	padding-top: 30px;
	padding-bottom: 4px;
	font-weight: var(--weight-900);
}
.bastket_item_row{
	margin-bottom: 14px;
}
.bastket_item_row > div:first-child{
	padding: 0;
}
.basket_img{
	max-width: 60px;
	max-height: 60px;
	background-size: cover;
	background-position: center center;
	height: 60px;
	border-radius: var(--border-radius-all);
}
.classQuantity{
	width: 30px;
	margin-right: 4px;
}
.btn.removeItemFromBasketBtn {
    max-height: 29px;
}
.basket_item_name{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 98%;
}
.basket_item_price > div{
	margin-left: 4px;
}
.basket_item_price i{
	color: var(--miigen-gold);
	margin-top: 3px;
	margin-right: 3px;
}
.basketFooter{
    border-top: 1px solid var(--miigen-light-blue);
	padding-top: 20px;
}
.bastket_total_row strong{
	padding-right: 2rem;
}
.btnPaynow,
.btnPaynowConfirmed{
	cursor: pointer;
	display: block;
}
.btnCancelCheckout{
	cursor: pointer;
	display: block;
}
.basket_page .btnPaynow{
	margin-left: auto;
	display: block;
	max-width: 180px;
}
.classDetailsSection .img-container{
	max-height: 200px;
}
.classDetailsSection .img-container img{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-height: 200px;
	display: block;
}
.classDetailsSection_title{
	font-family: var(--font-roboto);
	font-weight: var(--weight-900);
	font-size: 1.714rem;
	line-height: 2.286rem;
}
.classDetailsSection_title_code{
	font-family: var(--font-roboto);
	font-weight: var(--weight-900);
	font-size: 1rem;
	line-height: 1.429rem;
	color: var(--miigen-gold);
	padding-bottom: 20px;
}
.modals .add_basket_btn,
.modals .add_basket_btn i{
	cursor: pointer;
	background: var(--miigen-blue);
	color: var(--miigen-white);
}
.modals .pricehours{
	padding-bottom: 20px;
}
.modals .pricehours i{
	margin-top: 3px;
	margin-right: 3px;
}
.modals .pricehours p{
	margin: 0;
}
.modals .pricehours .videoLink{
	position: static;
	margin-left: 16px;
	color: var(--miigen-grey);
}
.modals .pricehours .videoLink:hover{
	background: var(--miigen-gold);
}
.modals .pricehours .videoLink i{
	color: var(--miigen-white);
}
.classDetailsSection_lbl{
	font-family: var(--font-roboto);
	color: var(--miigen-grey);
	font-weight: bold;
	font-size: 0.7857rem;
	line-height: 1rem;
	padding-bottom: 6px;
	opacity: 0.6;
}
.classDetailsSection_text{
	font-family: var(--font-roboto);
	font-size: 1rem;
	line-height: 1.429rem;
	color: var(--miigen-light-grey);
}
.moduleDetailsHeader td{
	background: var(--miigen-light-blue);
	font-weight: bold;
	font-size: 0.7857rem;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: var(--miigen-lighter-blue)
}
.book_activties_holder .pricehours i {
    margin-right: 3px;
}
#main-wrapper .productMoreInfoButton{
	padding: 0;
	font-size: 2rem;
	float: right;
}
#main-wrapper .productMoreInfoButton i{
	padding-right:0;
	padding-left: 8px;
}
.basketmodal_Dd_holder .col-sm-6{
	padding-left: 0;
}
.basketmodal_Dd_holder .col{
	padding-right: 0;
}
@media screen and (max-width: 576px){
	.basketmodal_Dd_holder .col-sm-6,
	.basketmodal_Dd_holder .col{
		padding-right: 0;
		padding-left: 0;
	}
}

.basketmodal_selectfamilymember .form-group label,
.basketmodal_selectfamilymember .form-group br
{
	display: none;
}
.basketmodal_expandshippingaddress{
	cursor: pointer;
}
.basket_page .basketmodal_shipping_address{
	display: block !important;
}
.basket_page .basketmodal_viewall{
	display: none !important;
}
.basketmodal_shipping_address{
	border: 1px solid var(--miigen-light-blue);
	padding: 4px;
	margin-bottom: 16px;
}
.basketmodal_shipping_address label {
    margin-bottom: 0px;
}
.basketmodal_shipping_address .form-group {
    margin-bottom: 4px;
}
.basketmodal_shipping_address .row .col-6:nth-child(1){
    padding-left: 0;
}
.basketmodal_shipping_address .row .col-6:nth-child(2){
    padding-right: 0;
}
.basketmodal_shipping_change{
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 170px;
	margin-top: 8px;
	margin-bottom: 4px;
}

.relatedProductsTitle{
	text-align: center;
	font-size: 1rem;
}
/*
.booking_related_products_holder .img-container{
	height: 135px;
}
.booking_related_products_holder .title{
	text-align: center;
	display: block;
}
.booking_related_products_holder .book_activities_summary{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.booking_related_products_holder .book_activities_summary .card{
	margin-right: 0;
}
.booking_related_products_holder .carousel-control-prev,
.booking_related_products_holder .carousel-control-next {
    color: var(--miigen-grey);
}
.relatedProductMoreInfoButton{
	text-transform: capitalize;
}
.booking_related_products_holder .card-title {
	padding-left: 10px;
	padding-right: 10px;
}
*/
#carouselRelatedProductsControls .carousel-control-next, 
#carouselRelatedProductsControls .carousel-control-prev{
	align-items: end;
	margin-bottom: 90px;
}
#carouselRelatedProductsControls .carousel-control-next{
	justify-content: end;
	margin-right: 10px;
}
#carouselRelatedProductsControls .carousel-control-prev{
	justify-content: start;
	margin-left: 10px;
}

#carouselRelatedProductsControls .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

#carouselRelatedProductsControls .carousel-item.active,
#carouselRelatedProductsControls .carousel-item-next.carousel-item-left,
#carouselRelatedProductsControls .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

#carouselRelatedProductsControls .active.carousel-item-left,
#carouselRelatedProductsControls .active.carousel-item-right {
	opacity: 0;
}
#carouselRelatedProductsControls .carousel-item-next,
#carouselRelatedProductsControls .carousel-item-prev,
#carouselRelatedProductsControls .carousel-item.active,
#carouselRelatedProductsControls .active.carousel-item-left,
#carouselRelatedProductsControls .active.carousel-item-prev {
	/* transform: translateX(0);
	transform: translate3d(0, 0, 0); */
}
.book_activities_summary {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}
.modal-body .bookings_modal_address{
	height: auto;
}
.book_activities_summary .card-title {
	min-height: 34px;
}

@media screen and (max-width: 450px) {
	.booking_related_products_holder .book_activities_summary{
		min-width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 1300px) {
	.book_activties_holder .flags {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1410px) {
	.relatedProductMoreInfoButton span {
		display: none;
	}
}
@media screen and (min-width: 991px) and (max-width: 1260px) {
	.basket_item_price,
	.basket_item_name{
		font-size: 10px;
	}
	.basket_item_price i{
		margin-top: 0;
	}
}
/* end: Book Activities section */

/* start: schedule activities section */
.schedule_order_img{
	max-width: 60px;
	max-height: 60px;
	background-size: cover;
	background-position: center center;
	height: 60px;
	width: 60px;
	margin-right: 8px;
	border-radius: var(--border-radius-all);
}
.schedule_order_details_row{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--miigen-light-blue);
}
.schedule_order_details_row:last-child {
	border: 0;
}
.schedule_order_details_row .module_remaining_note{
	font-style: italic;
	font-family: var(--font-roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 0.8571rem;
    line-height: 1.429rem;
    color: var(--miigen-text-secondary);
}
.orderInstructionsBlock{
	padding-bottom: 40px;
}
#main-wrapper .biographerSelectionScreen,
#main-wrapper .scheduleClassContainer{
	/* max-height: calc(100vh - 200px); 
	overflow: auto; */
}
.pickClassSummary.selected .card,
.schedulebiographerSelected{
	border: 2px solid var(--miigen-gold) !important;
}
.wizard_class .card {
    max-width: 100%;
}
.pickClassSummary.selected .title,
.schedulebiographerSelected .title{
	color:  var(--miigen-gold);
}
.schedule_controls .btn{
	margin-left: 8px;
}
.calendar-full-width{
	width: 100%;
}
.ui-timepicker-select option:disabled{
	display: none;
}
.colorHint{
	width: 20px;
	height: 20px;
	margin: 10px;
	border: 1px solid #ccc;
	float: left;
}
.hintDeails{
	line-height: 40px;
	float: left;
	padding-right: 30px;
}
.schedulebiographerSelected .profile_image{
	border: 5px solid var(--miigen-gold);
}
.schedulebiographerSelected .card-title{
	color: var(--miigen-gold);
}
.biographerSelectionScreen .card, .biographerSelectionScreen .card-group {
	cursor: pointer;
}
.pickClassSummary{
	cursor: pointer;
	white-space: nowrap;
}
.class_schedule_details {
    color: var(--miigen-black);
	width: 100%;
	border-radius: var(--border-radius-curved);
}
.class_schedule_details:hover,
.outerClassList.selected .class_schedule_details {
    background-color: var(--miigen-gold-transparent-full);
	cursor: pointer;
}
.class_name_note {
    font-weight: 500;
}
.module_remaining_note {
    font-style: italic;
}
.pickClassSummary_profile_img{
	max-width: 40px;
	max-height: 40px;
}
.pickClassSummary_member_name{
	font-size: 9px;
	text-align:center;
}
#main-wrapper .moduleToBook.selected,
#main-wrapper .moduleToBook:hover{
	background-color: var(--miigen-gold) !important;
	color: var(--miigen-grey) !important;
	font-weight: bold;
}
.class_schedule_image {
    width: 80px;
    max-width: 100%;
    height: 80px;
    background-size: cover;
    background-position: center center;
    border-radius: var(--border-radius-all);
	margin: 4px;
}
.class_schedule_text{
	color: var(--miigen-grey);
	padding-left: 1rem;
}
.class_schedule_text{
	display: none !important;
}
.outerClassList{
	margin-bottom: 10px;
}
.outerClassList.selected .innerModuleList{
	display: block;
}
.innerModuleList{
	font-size: 9px;
    font-style: italic;
}
.biographerSelectionScreen h4{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.moduleToBook{
	cursor: pointer;
}
.scheduleSectionTitle{
	margin-top: 20px;
	font-weight: bold;
}
.scheduleSectionTitle .pickanotherbio{
	color: var(--miigen-gold);
	font-weight: normal;
	padding-left: 1rem;
	font-style: italic;
	cursor: pointer;
}
.scheduleSectionTitle .pickanotherbio:hover{
	color: var(--miigen-blue);
}
.goldcircle{
    border-radius: 50%;
    background: var(--miigen-gold);
    width: 2rem;
    height: 2rem;
    display: inline-block;
    text-align: center;
    line-height: 2rem;
    margin-right: 1rem;
    font-weight: bold;
	font-size: 1rem;
	color: var(--miigen-grey);
}
.family_add_scheduleRight .schedule_available_hours{
	pointer-events: none;
}
.mii-biio-calendar{
	height: 700px;
	width: 100%;
}
.noClassesMessage{
	color: var(--miigen-light-grey);
	padding: 20px;
}
.selectedDetailsNote{
	font-weight: bold;
	line-height: 2rem;
}
.selectedDetailsInner{
	color: var(--miigen-light-grey);
}
.selectedClassName,
.selectedModuleName,
.selectedBiographerName,
.selectedDate,
.selectedTime{
	font-weight: bold;
}
.BookClassBtn,
.BookClassBtn:hover{
	color: var(--miigen-grey);
	background: var(--miigen-gold);
	line-height: 1rem;
	margin-left: 2rem;
}
.ui-timepicker-container{
	z-index: 2000 !important;
}
.scheduleAvailabilityTitle{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: var(--weight-900);
	font-size: 1.714rem;
	line-height: 2.286rem;
	letter-spacing: 0.01em;
	color: #373737;
	margin-bottom: 29px;
}
.section-header span.subnote{
	font-family: var(--font-roboto), sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.429rem;
	color: var(--miigen-light-grey);
}
.selectedDetailsSection{
	padding-top: 1rem;
}
.BookedClassDetailsModalPeople > div{
	text-align: center;
	width: 50%;
}
.BookedClassDetailsModalPeople > div:first-child{
	padding-right:4px; 
}
.BookedClassDetailsModalPeople > div:nth-child(2){
	padding-left:4px; 
}
.BookedClassDetailsModalPeopleBiographer > div{
	text-align: center;
	width: 100%;
}
.BookedClassDetailsUser{
    display: flex;
    width: calc(100%);
    border-radius: var(--border-radius-curved);
}
.BookedClassDetailsUserProfile{
	margin-right: 0.5rem;
    min-width: 70px;
}
.BookedClassDetailsUserName {
    font-family: var(--font-roboto);
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 96%;
	display: block;
}
.BookedClassDetailsModalPeopleBiographer .BookedClassDetailsUserName {
	max-width: 100%;
}
.BookedClassDetailsUserMsg i,
.BookedClassDetailsFamilyUserMsg i{
 display: none;
}
.BookedClassDetailsUserFamily{
    background: var(--miigen-light-blue);
}
.BookedClassDetailsUserFamily .BookedClassDetailsUserProfile{
    border: 4px solid var(--miigen-calendar-blue);
}
.BookedClassDetailsUserBiographer{
	background-color: var(--miigen-class-light-red);
}
.BookedClassDetailsUserBiographer .BookedClassDetailsUserProfile{
    border: 4px solid var(--miigen-class-red);
}
.BookedClassDetailsUserMsg{
	background: var(--miigen-class-red);
	color: var(--miigen-white) !important;
}
.BookedClassDetailsFamilyUserMsg{
	background: var(--miigen-calendar-blue);
	color: var(--miigen-white) !important;
}
.BookedClassDetailsModal .card{
	margin-bottom: 0;
}
.BookedClassDetailsModal .img-container img{
	max-width: 100%;
	max-height: 200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
html .BookedClassDetailsModal .BookedClassDetailsShowMore{
	color: var(--miigen-blue);
	cursor: pointer;
	float: right;
	font-size: 2rem;
}
.BookedClassDetailsShowLess{
	color: var(--miigen-gold) !important;
	cursor: pointer;
	font-weight: bold;
	display: block;
	clear: left;
}
.BookedClassDetailsModal .card-body{
	padding: 1rem;
}
.scheduleRow{
	flex-direction: row;
}

@media (min-width: 1400px){
	.col-xs-4,
	.col-xs-6,
	.col-xxl-4,
	.col-xxl-6{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xxl-4{
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xxl-6{
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 1400px){
	.scheduleClassContainer{
		padding-left: 0;
		padding-right: 0.5rem;
	}

	.module_remaining_note{
		font-size: 0.75rem;
	}
}

@media (min-width: 992px) and (max-width: 1399px){
	.page-wrapper .class_schedule_details{
		flex-direction: column !important;
	}
}

@media (max-width: 991px){
	.family_add_scheduleRight{
		padding: 0;
	}
}

@media (max-width: 991px) and (min-width: 768px){
	.my_family_col{
		padding-left: 32px;
		padding-right: 32px;
	}
}

@media (min-width: 568px) and (max-width: 767px){
	.col-xs-4{
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xs-6{
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 768px){
	.schedule_class_holder input{
		max-width: 300px;
	}
}

@media (max-width: 767px){
	.scheduleSectionTitle.clearfix{
		padding-top: 20px;
	}
	.scheduleRow{
		flex-direction: column;
	}
	.scheduleRowCol{
		padding-top: 2px;
		padding-bottom: 2px;
	}
}

@media (max-width: 550px){
	.fc-event-title{
		display: none;
	}

	.col-12.BookedClassDetailsModalPeople {
		display: flex !important;
		flex-direction: column !important;
	}
	.BookedClassDetailsModalPeople > div {
		width: 100%;
	}
}

@media (max-width: 480px){
	.fc-daygrid-event-dot{
		display: none;
	}
}

/* end: schedule activities section */


/* start: calendar updated visuals */
#main-wrapper .fc .fc-toolbar.fc-header-toolbar {
    align-items: flex-start;
	margin-bottom: 0;
}
.fc-day-other{
	background: var(--miigen-light-blue);
	background-clip: padding-box;
}
#main-wrapper .fc .fc-daygrid-day.fc-day-today {
	background: var(--miigen-blue);
	color: var(--miigen-white);
}
#main-wrapper .fc .fc-daygrid-day.fc-day-today .schedule_available_hours,
#main-wrapper .fc .fc-daygrid-day.fc-day-today .schedule_booked_class{
	color: var(--miigen-grey);
}
#main-wrapper .schedule_available_hours .fc-event-time,
#main-wrapper .schedule_available_hours .fc-event-title,
#main-wrapper .schedule_booked_class .fc-event-time,
#main-wrapper .schedule_booked_class .fc-event-title{
	color: var(--miigen-grey);
}
.mii-biio-calendar .btn-primary:not(:disabled):not(.disabled).active, 
.mii-biio-calendar .btn-primary:not(:disabled):not(.disabled):active, 
.mii-biio-calendar .show > .btn-primary.dropdown-toggle {
    color: var(--miigen-grey);
    background-color: var(--miigen-gold);
    border-color: var(--miigen-gold);
}
#main-wrapper .fc .fc-highlight {
    background-color: var(--miigen-gold-transparent-full) !important;
}
#main-wrapper .fc .fc-button-primary {
    color: var(--miigen-grey);
    background-color: var(--miigen-light-blue);
    border-color: var(--miigen-light-blue);
	text-transform: capitalize;
}
#main-wrapper .fc .fc-button-active{
    background-color: var(--miigen-gold);
	border-radius: 15px;
}
#main-wrapper .fc-toolbar-chunk:nth-child(3) .fc-button-group{
	border-radius: 15px;
	overflow: hidden;
    background-color: var(--miigen-light-blue);
}
#main-wrapper .fc-toolbar-chunk:nth-child(3) .fc-button-primary{
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
}
#main-wrapper .fc-prev-button,
#main-wrapper .fc-next-button{
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0;
	font-weight: bold;
}
#main-wrapper .fc-prev-button{
	margin-right: 8px;
}
#main-wrapper .fc .fc-button:focus {
	box-shadow: none;
}
#main-wrapper .fc-toolbar-title{
	font-family: var(--font-roboto);
	font-weight: 900;
	font-size: 1.429rem;
	line-height: 1.857rem;
	text-transform: capitalize;
}
.fc-daygrid-day{
	cursor: pointer;
}
#main-wrapper .schedule_booked_class {
    background-color: var(--miigen-light-blue);
	border: 1px solid var(--miigen-primary-50);
	border-radius: var(--border-radius-curved);
	cursor: pointer;
	overflow: hidden;
}
#main-wrapper .fc-day-past .schedule_booked_class {
	background-color: var(--miigen-light-grey);
	color: var(--miigen-grey);
	opacity: 0.8;
}
#main-wrapper .schedule_booked_class .fc-daygrid-event-dot{
	border: 4px solid var(--miigen-blue);
	border: calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--miigen-blue);
	color: var(--miigen-blue);
}
#main-wrapper .schedule_available_hours {
    background-color: var(--miigen-light-gold);
	border: 1px solid var(--miigen-gold);
	border-radius: var(--border-radius-curved);
	cursor: pointer;
}
.addScheduleView .schedule_available_hours {
	pointer-events: none;
}
#main-wrapper .schedule_available_hours .fc-daygrid-event-dot{
	border: 4px solid var(--miigen-gold);
}
#main-wrapper .fc-event:hover {
    color: var(--miigen-grey);
}
#main-wrapper .fc-day-past,#main-wrapper .fc-day-disabled,
#main-wrapper .fc-day-today{
	cursor: default;
}
#main-wrapper .fc-day:hover:not(.fc-day-past, .fc-day-today, .fc-day-disabled){
	background-color: var(--miigen-gold-transparent-full);
}
#main-wrapper .fc-day-past .fc-daygrid-day-number{
    color: var(--miigen-light-grey);
}
#main-wrapper .fc-day-past .schedule_available_hours {
	pointer-events: none;
	background-color: var(--miigen-light-grey);
	border: 1px solid var(--miigen-grey);
	opacity: 0.4;
	display: none;
}
#main-wrapper .fc-day-past .schedule_available_hours .fc-daygrid-event-dot {
    border: 4px solid var(--miigen-grey);
}

/* end: calendar updated visuals */


/* admin */
.link { cursor: pointer; }
.imageRow .imageHolder, .outerimage .imageHolder {
	background: #e0e0e0;
	text-align: center;
	height: 181px;
	border-radius: var(--border-radius-all) var(--border-radius-all) 0 0;
	border: 1px solid var(--miigen-light-grey);
	cursor: pointer;
	width: 330px;
}
/*.addnewimage {
	line-height: 150px;
	color: var(--miigen-green);
	font-size: var(--fontsize-44px);
}*/
.addnewimage {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.addnewimage p { font-weight: var(--weight-600); font-size: 1.143rem; line-height: 1.785rem; letter-spacing: 2%; }
.addnewimage p span { color: var(--miigen-gold); }
.filetype { font-weight: 400px!important; color: var(--miigen-gray)!important; font-size: 0.7857rem!important; line-height: 1.143rem!important; letter-spacing: 3%!important; font-weight: normal!important; }
.previewnewimage, .previewexistingimage {
	background-size: cover !important;
	position: relative;
}
.previewnewimage .custom-switch, .previewexistingimage .custom-switch {
	position: absolute;
	top: 5px;
	right: 5px;
}

.previewbuttonholder {
	width: 100%;
	height: 47px;
	line-height: 1rem;
	font-size: 1rem;
	cursor: pointer;
	color: var(--miigen-grey);
	padding: 0 10px;
}
.previewbuttonholder div {
	text-align: center;
	height: 65px;
	padding: 10px;
}
.previewbuttonholder > div {
	display: inline-block;
	width: 49%;
	height: 32px;
	font-size: 1rem;
	font-family: var(--font-roboto);
	font-weight: var(--weight-500);
}
.change {
	background: var(--miigen-blue);
	color: var(--miigen-white);
	border-radius: var(--border-radius-all);
}
.remove {
	background: var(--admin-section-bg15);
	color: var(--miigen-blue);
	border-radius: var(--border-radius-all);
}
.outerimage .addnewimage {
	width: 100%;
}
.classThumb, .productThumb {
	width: 100px;
}
.imageEnabled:after {
	opacity: 1!important;
}
.imageHolder .custom-control.custom-switch, .previewbuttonholder {
	z-index: 1;
}
.paginationDiv { max-height: calc(100vh - 380px)!important; overflow: auto; }
.multiSelect {
	width: 100%;
	min-height: 200px;
}
.multiSelectOptions div {
	text-align: center;
}
.multiSelectOptions .row div {
	padding: 0;
	margin: 0;
}
.buttonsHolder {
	height: auto;
	width: auto;
}
.multiSelectOptions .buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}
div.buttons div.buttonsHolder div.moveControl {
	padding: 5px 10px;
	background: var(--miigen-light-blue);
	margin: 4px 0;
	cursor: pointer;
}
.toast-container {
	position: fixed;
	top: 80px;
	right: 10px;
	width: 240px;
	z-index: 50;
}
.toast-container .toast-header {
	font-weight: bold;
	background: var(--miigen-blue)!important;
}
.toast-container .toast-header, .toast-container .toast-header .text-muted, .toast-container .toast-header .close span {
	color: var(--miigen-white)!important;
}
.partner-deactive, .supplier-deactive { color: var(--miigen-red); }
.partner-active, .supplier-active { color: var(--miigen-green); }
.btnDisabled { pointer-events: none; cursor: default; opacity: 0.7; }
.btnDeleteProduct { cursor: pointer; }
.nextContainerRow { background: none !important; }
.hidden { display: none !important; }
td > form { display: inline-block; }
.previewPane { /* border-left: 1px solid var(--miigen-light-grey); */ }
.text-right.controlArea > div { display: inline-block; }
.card-code { clear: both; display: block; font-weight: var(--weight-700); font-size: 0.7857rem; padding: 5px 0; color: var(--miigen-gold); line-height: 1.143rem; display: none; }
.btnDeleteClass, .btnDeleteProduct, .btnDeleteClass:hover, .btnDeleteProduct:hover { background: var(--miigen-red)!important; border-color: var(--miigen-red); cursor: pointer; }
.cancelBtn, .cancelBtn:hover, .btnDeletePartnerContact, .btnDeletePartnerContact:hover { background: var(--miigen-light-blue)!important; border-color: var(--miigen-light-blue); cursor: pointer; color: var(--miigen-blue); }
.editClassControl { color: var(--miigen-blue); cursor: pointer; text-decoration: underline; }
.editClassControl:hover { color: var(--miigen-gold); }
.img-container { background-size: contain; width: 100%; height: 198px; background-position: center center; background-repeat: no-repeat; }
.headerRow { display: flex; align-items: center; justify-items: center; line-height: 15px; padding: 10px 0; font-weight: bold; }
.card.classDetailsContainer { background: none; }
.card.classDetailsContainer textarea, .card.classDetailsContainer input, .card.classDetailsContainer button.buttons { background: var(--miigen-light-blue); }
.card .def-number-input.number-input.safari_only { background: var(--admin-module-inputs); }
.moduleRow { padding: 8px 0 8px; }
.classDetailsContainer div, .classDetailsContainer form, .classDetailsContainer label { margin-bottom: 0; }
.classDetailsContainer textarea { height: 34px; }
.number-input input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
.number-input input[type=number]::-webkit-inner-spin-button, .number-input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
.number-input { display: flex; justify-content: space-around; align-items: center; }
.number-input button { -webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; cursor: pointer; margin: 0; position: relative; }
.number-input button:before, .number-input button:after { display: inline-block; position: absolute; content: ''; height: 2px; transform: translate(-50%, -50%); }
.number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); }
.number-input input[type=number] { text-align: center; }
.number-input.number-input { border: 1px solid #ced4da; width: 100%; border-radius: .25rem; background: var(--miigen-light-blue); }
.classDetailsContainer .number-input.number-input { width: 100%; }
.number-input.number-input button { width: 2.6rem; height: .7rem; }
.classDetailsContainer .number-input.number-input button { width: .5rem; }
.number-input.number-input button.minus { padding-left: 10px; }
.number-input.number-input button:before, .number-input.number-input button:after { width: .7rem; background-color: #495057; }
.number-input.number-input input[type=number] { max-width: 4rem; padding: .5rem; border: 1px solid #ced4da; border-width: 0 1px; font-size: 1rem; height: 2rem; color: #495057; }
.totalHoursBox input { max-width: 50px; text-align: center; }
.deleteModule, .removeModule { background: rgba(27,78,155,0.15) !important; cursor: pointer; color: var(--miigen-blue); text-align: center; border: 1px solid rgba(27,78,155,0.15) !important; }
.previewArea .card, .classesForm .card, .productsForm .card, .partnersForm .card { border-radius: var(--border-radius-all); /* box-shadow: 0 5px 5px -5px var(--miigen-faded-5);*/ margin: 0;}
.classesForm .card, .productsForm .card, .partnersForm .card { border: 1px solid var(--miigen-light-grey); border-radius: var(--border-radius-all); /* box-shadow: 0 5px 5px -5px var(--miigen-faded-5);*/ margin: 0;}
/*.previewArea .card i, .classesForm .card i, .productsForm .card i, .partnersForm .card i { margin-right: 8px; }*/
.classesForm, .productsForm, .partnersForm { /*cursor: pointer;*/ position: relative; overflow: hidden; }
.classesForm .card, .productsForm .card, .partnersForm .card { margin: 0; margin-bottom: 32px;}
.relatedElements .card-text { display: none; }
.classesForm .cardEditClass, .productsForm .cardEditProduct, .partnersForm .cardEditPartner, .videoForm .cardEditVideo { background: var(--miigen-blue); border: var(--miigen-blue); cursor: pointer; color: var(--miigen-white); }
.classesForm .cardEditClass:active, .productsForm .cardEditProduct:active, .partnersForm .cardEditPartner:active { background: var(--admin-section-bg15)!important; border: var(--admin-section-bg15)!important; color: var(--miigen-blue)!important; }
.moduleListHolder { margin: 0; /* background: var(--admin-section-bg); padding: 23px 0;*/ border-radius: var(--border-radius-curved); }
.moduleListHolder h2 { font-family: var(--font-roboto); font-weight: var(--weight-900); font-size: 1.286rem; line-height: 1.714rem; color: var(--miigen-grey); }
.totalHoursArea { background: var(--miigen-gold-bg15); padding: 4px; color: var(--miigen-grey); font-size: 0.7143rem; line-height: 16px; border-radius: var(--border-radius50px); }
.totalHoursArea { background: var(--miigen-gold-bg15); padding: 4px; color: var(--miigen-grey); font-size: 0.7857rem; line-height: 16px; border-radius: var(--border-radius50px); height: 24px; width: 75px; display: flex; margin: 0 auto; }
.hourIcon { background: var(--miigen-gold); border-radius: 50%; width: 16px; height: 16px; font-style: normal; font-weight: normal; font-size: 10px; line-height: 16px; text-align: center; margin-right: 6px; }
.mainImageHolder .row div[class^="col"] { padding: 0; }
.pricehours > p { display: inline-block; }
.pricehours i { color: var(--miigen-gold); }
.priceInfo i, .productInfo i { margin-right: 3px; }
.card .btn { font-family: var(--font-roboto); font-weight: var(--weight-500); }
.card .buyButton { background: var(--miigen-blue); color: var(--miigen-white); margin-left: auto; }
.card .visitClassButton, .card .productMoreInfoButton { color: var(--miigen-blue) !important; }
.classDetailsContainer.card { box-shadow: none!important; border: none!important; }
.topPadding14 { padding-top: 14px; }
.card .featured { position: absolute; top: -50px; right: -52px; color: var(--miigen-gold); font-size: 20px; background: var(--miigen-light-blue); padding: 0; transform: rotate(-45deg); height: 100px; width: 100px; }
.featured i { top: 33px; position: absolute; left: 7px; transform: rotate(45deg);}
.controlArea > div, .orderingControl > div { display: inline-block; }
.controlArea .btn { margin: 0 20px 0 0; }
.orderingControl i { margin-right: 0 !important; }
.orderingControl div { padding: 4px 6px; cursor: pointer; background: var(--miigen-light-blue); margin: 0 4px; text-align: center; border-radius: var(--border-radius-all); cursor: pointer; }
.orderingControl.hidden { display: none!important; }
.recorder { cursor: pointer; }
.buttonHolders div, .closeModal { cursor: pointer; }
.closeModal, .historyModalClose { background: #ededed; }
.buttonHolders > div, .controlButtons > div { display: inline-block; }
.controlButtons > div, .closeModal, .historyModalClose { color: #222222; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: bold; padding: 6px 11px; border-radius: var(--border-radius-all); }
.controlButtons > div { display: inline-block; margin-right: 6px; font-weight: bold;text-align: center; border-radius: var(--border-radius-all); }
.btnFirst { background: #1b4e9b; color: var(--miigen-white)!important; }
.btnSecond { background: var(--miigen-btn-second); }
.btnThird { background: rgba(255, 71, 76, 1); color: var(--miigen-white)!important; }
.btnFourth { background: rgb(3, 201, 157); color: var(--miigen-white)!important; }
.closeModal, .historyModalClose { background: rgba(0, 0, 0, 0.15); }
.card-body .card-price{
	margin-bottom: 0;
}
.card-price.hourInfo {
    display: none;
}
.editModuleInfo .existingModuleRow{
	border-bottom: 1px solid var(--miigen-light-blue);
}
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance: none) and (stroke-color:transparent) {
		.number-input.def-number-input.safari_only button:before, .number-input.def-number-input.safari_only button:after { margin-top: -.3rem; }
	}
}
.reorder { margin-right: 8px; cursor: pointer; }
.form-group.removeRow { margin: 8px 0; padding: 4px; background: var(--miigen-blue); color: var(--miigen-white); text-align: center; border-radius: var(--border-radius-all); font-family: "Roboto", sans-serif; cursor: pointer; font-size: 12px; }
#userList .table td{
	vertical-align: middle;
}
/* end admin */

/* start: top menu bar alterations 2021-06-02 */
#main-wrapper[data-sidebartype="full"] .page-wrapper{
	width: calc( 100% - 260px);
}
#main-wrapper[data-sidebartype="full"] .page-wrapper.registration {
	width: 100%;
}
#main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper{
	width: calc( 100% - 65px);
}
#main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper.registration{
	width: 100%;
}
#main-wrapper[data-layout="vertical"][data-header-position="fixed"] .topbar {
    position: fixed;
    width: inherit;
}
.topbar .navbar-collapse {
	background: var(--miigen-navbar-blue);
	border: 0;
}
.navbar_profile_img {
	border-radius: var(--border-radius-all);
}
.header_search_block{
	width: 540px;
	max-width: 100%;
	color: var(--miigen-blue);
	display:none;
}
.header_search_input {
    font-size: 0.75rem;
    min-height: 40px;
}
.header_search_block .col-md-1{
	padding-left: 0;
}
.header_search_input_btn {
    position: absolute;
    right: 2rem;
    top: 1rem;
    color: var(--miigen-blue);
    cursor: pointer;
}
.header_search_help_btn, .notifications_popup_btn {
    min-height: 40px;
    line-height: 2.3rem;
	cursor: pointer;
	color: var(--miigen-blue);
	font-size: 1.25rem;
	min-width: 40px;
}
.header_search_help_btn:hover, .notifications_popup_btn:hover {
	color: var(--miigen-grey);
}
.notifications_popup_btn{
	margin-right: 8px;
}
.left-sidebar {
	padding-top: 0;
}
.left-sidebar-logo img{
	max-width: 100%;
	padding: 30px;
	padding-bottom: 0;
}
.left-sidebar-logo-small{
	padding: 10px;
	padding-bottom: 0;
}
.left-sidebar-logo-small img{
	max-width: 25px;
	display: none;
	margin-left: auto;
	margin-right: auto;
}
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
	font-size: inherit;
}
.topbar .top-navbar {
    min-height: 70px;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
	line-height: 70px;
	padding-left: 8px;
}
.mobileMenuBasketLink {
	font-size: 2rem;
	line-height: 70px;
}
.mobileMenuBasketLink i{
	color: var(--miigen-gold);
	cursor: pointer;
	padding-top: 25px;
}

@media (max-width: 1210px){
	.header_search_block {
		width: 350px;
	}
}
@media (max-width: 1169px){
	#main-wrapper[data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-collapse{
		margin-left: 0px !important;
	}
	.left-sidebar-logo-small img{
		display: block;
	}
	.sidebar-nav {
		padding-top: 20px;
		padding-bottom: 150px;
	}
}
@media (max-width: 767px){
	#main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper{
		width: 100%;
	}
	.sidebar-nav {
		padding-top: 80px;
	}
	.left-sidebar-logo{
		display: none
	}
	.left-sidebar-logo-small{
		display: none
	}
	.topbar .top-navbar .navbar-collapse.collapsing, .topbar .top-navbar .navbar-collapse.show {
		border-top: 0;
	}
	#main-wrapper[data-layout="vertical"][data-header-position="fixed"][data-sidebar-position="fixed"] .topbar .top-navbar .navbar-collapse {
		top: 75px;
	}
}
@media (min-width: 768px){
	.navbar-brand{
		display: none !important;
	}
	#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .topbar .top-navbar .navbar-collapse {
		margin-left: 0px;
	}

	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .left-sidebar-logo img,
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .left-sidebar-logo-small img {
		display: none;
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .left-sidebar-logo img {
		display: block;
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover{
		z-index: 1000;
	}
}
@media (max-width: 500px){
	.topbar_checkout_btn {
		min-width: auto;
	}
	.topbar_checkout_btn span{
		display: none;
	}
}
/* end: top menu bar alterations 2021-06-02 */


/* start: Left menu styling tweaks 2021-06-03 */
.left-sidebar{
	width: 230px;
}
#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {
    margin-left: 230px;
}
#main-wrapper[data-sidebartype="full"] .page-wrapper {
    width: calc( 100% - 230px);
}
.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link {
    color: var(--miigen-white) !important;
    background: var(--miigen-transparent-white);
	border-top-right-radius: var(--border-radius-curved);
	border-bottom-right-radius: var(--border-radius-curved);
	line-height: 1.429rem;
}
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
	padding: 6px 30px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9286rem;
}
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon, 
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link i {
	line-height: 1.429rem;
}
#main-wrapper .sidebar-nav #sidebarnav .sidebar-item i,
#main-wrapper .sidebar-nav #sidebarnav .sidebar-item svg{
	color: var(--miigen-gold);
}
#main-wrapper .sidebar-nav #sidebarnav .sidebar-item.selected i,
#main-wrapper .sidebar-nav #sidebarnav .sidebar-item.selected svg {
	color: var(--miigen-white);
}
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon {
	width: 18px;
	height: 18px;
}
#main-wrapper .sidebar-item ul a{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9286rem;
    color: var(--miigen-white);
}
.sidebar-nav .has-arrow::after {
	top: 1rem;
}
/* end: Left menu styling tweaks 2021-06-03 */



/* start: family dashboard */
.biographerDashboard .card.miiDashboardSection,
.familyDashboard .card.miiDashboardSection {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.miiDashboardSection .section-header {
	min-height: 52px;
}
#main-wrapper .dashboard_PreviousOrders_container,
#main-wrapper .dashboardMsgWrapper,
#main-wrapper .dashboard_bookings_container,
#main-wrapper .miiDashboardMessageList.biographer_dash,
#main-wrapper .miiDashboard_feedback_container,
#main-wrapper .dashboardDefaultWrapper{
    overflow: auto;
    max-height: 250px;
    min-height: 250px;
	padding-right: 16px;
}
.dashboardMsgWrapper{
	padding: .5rem;
	padding-top: 0;
}
.dashboard_PreviousOrders_row{
	padding-bottom: 4px;
	margin-bottom: 8px;
}
.dashboard_PreviousOrders_inner{
	padding-right: 4px;
}
.dashboard_PreviousOrders_order {
    font-family: var(--font-roboto);
    font-style: normal;
    font-weight: 900;
	font-size: var(--dashboard-title-text);
	line-height: var(--dashboard-title-text-lh);
}
.dashboard_PreviousOrders_details{
	text-align: center;
}
.btnScheduleOrder,
.btnRecentOrder,
.btnScheduleTime{
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0;
	border: 0 !important;
}
.btnScheduleOrder i,
.btnRecentOrder i,
.btnScheduleTime i,
.miiDashboardMessageProfile i{
	background: url('/img/login/bg.jpg') center center / cover;
	color: #fff;
	padding: 12px;
	font-size: 14px;
}
.btnScheduleOrder:hover,
.btnRecentOrder:hover,
.btnScheduleTime:hover{
	background: var(--miigen-blue) !important;
	color: var(--miigen-white) !important;
}
.btnScheduleTime{
	margin-bottom: 0;
}
.dashboard_PreviousOrders_date,
.dashboard_PreviousOrders_cost{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	line-height: var(--dashboard-sub-text-lh);
	/* color: var(--miigen-text-secondary); */
}
.miiDashboardTitle{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.01em;
	display: inline;
	padding-right: 20px;
}
.miiDashboardMessageRow{
	width: 100%;
	cursor: pointer;
	padding: .5rem;
	padding-left: 0;
}
.miiDashboardMessageRow > div{
	display: flex;
	flex-direction: column;
	align-items: start;
}
.miiDashboardMessageProfile{
	min-width: 40px;
	font-size: 40px;
	width: 44px;
	height: 44px;
	text-align: center;
}
.miiDashboardMessageDetails{
	padding-left: 1rem;
	padding-right: 1rem;
	width: calc(100% - 50px);
	max-width: calc(100% - 50px);
	min-width: calc(100% - 50px);
}
.miiDashboardMessageName{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: var(--dashboard-title-text);
	line-height: var(--dashboard-title-text-lh);
}
.miiDashboardMessageContent{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	line-height: var(--dashboard-sub-text-lh);
	/* color: var(--miigen-text-secondary); */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	max-height: 20px;
}
.miiDashboardMessageDate{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-top: 6px;
	padding: 4px 8px 4px 5px;
	background: var(--miigen-light-blue);
	border-radius: var(--border-radius-round);
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
.miiDashboardMessageDate .rounded-circle{
	background: var(--miigen-calendar-blue);
	border-radius: var(--border-radius-round);
	width: 16px;
	height: 16px;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	margin-right: 6px;
}
.miiDashboardMessageArrow{
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: var(--miigen-light-grey);
	width: 40px;
	text-align: center;
	align-items: center !important;
}
.miiDashboardMessageRow:hover .miiDashboardMessageArrow{
	color: var(--miigen-black);
}

.miiDashboardBookingsRow{
	/* width: 100%; */
	cursor: pointer;
}
.biographerDashboard .miiDashboardBookingsRow{
/*	width: calc(100% - 8px);
	margin-right: 8px;	*/
}
.miiDashboardBookingsLeft{
	display: flex;
	width: 100px;
	align-items: center !important;
	justify-content: center;
}
.miiDashboardBookingsRight{
	display: flex;
	width: calc(100% - 100px);
	background: var(--miigen-light-blue);
	border-radius: var(--border-radius-curved);
}
.miiDashboardBookingsBiog,
.miiDashboardBookingsFam{
	display: flex;
	width: calc(100% - 8px);
	border-radius: var(--border-radius-curved);
	margin-right: 4px;
}
.biographerDashboard .miiDashboardBookingsFam{
	width: 100%;
}
.miiDashboardBookingsFam{

}
.miiDashboardBookingsBiog{
	background: var(--miigen-class-light-red);
}
.miiDashboardBookingsBiog > div,
.miiDashboardBookingsFam > div,
.miiDashboardBookingsRight > div{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.miiDashboardBookingsFam > .miiDashboardBookingsProfile{
	min-width: 70px;
	border: 4px solid var(--miigen-calendar-blue);
}
.miiDashboardBookingsBiog > .miiDashboardBookingsProfile{
	min-width: 70px;
	border: 4px solid var(--miigen-class-red);
}
.miiDashboardBookingsDetails{
	width: 100%;
}
.miiDashboardBookingsType,
.miiDashboardBookingsSendMessage{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-top: 6px;
	padding: 4px 8px 4px 5px;
	background: var(--miigen-calendar-blue);
	border-radius: var(--border-radius-all);
	color: var(--miigen-white);
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
}
.miiDashboardBookingsBiog .miiDashboardBookingsSendMessage,
.miiDashboardBookingsBiog .miiDashboardBookingsType{
	background: var(--miigen-class-red);
}
.miiDashboardBookingsName{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: var(--dashboard-title-text);
	line-height: var(--dashboard-title-text-lh);
}
.miiDashboardBookingsTime,
.miiDashboardBookingsDate,
.dashboard_ScheduleTime_date,
.dashboard_ScheduleTime_time{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	line-height: var(--dashboard-sub-text-lh);
	/* color: var(--miigen-text-secondary); */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.miiDashboardBookingsTime i,
.miiDashboardBookingsDate i,
.dashboard_ScheduleTime_date i,
.dashboard_ScheduleTime_time i{
	line-height: 20px;
	padding-right: 4px;
}
.miiDashboardBookingsDay{
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: 16px;
	line-height: 23px;
	width: 100%;
}
.biographerDashboard .miiDashboardBookingsDay{
	width: 100%;
}
.miiDashboardBookingsDay:first-child{
	margin-top: 0;
}
.miiDashboardItem{
	cursor: pointer;
}

.feedbackSeperator{
	border-top: 1px solid var(--miigen-light-blue);
	padding-top: 1rem;
	margin-top: 1rem;
}
.miiDashboardSection .miiFeedbackBookingsRow {
    width: 100%;
}
.miiDashboardSection .miiFeedbackBookingsFam  {
	margin-right: 8px;
}
.miiDashboardContactsDetails{
   /*  border: 2px solid var(--miigen-light-blue); */
    padding: 1rem;
	width: 100%;
}
.miiDashboardContactsName{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: var(--dashboard-title-text);
	line-height: var(--dashboard-title-text-lh);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.miiDashboardContactsMobile,
.miiDashboardContactsPhone{
	font-size: var(--dashboard-sub-text);
	padding-right: 4px;
}
.miiDashboardContactsMobile i,
.miiDashboardContactsPhone i{
	color: var(--miigen-gold);
	padding-right: 4px;
	padding-top: 2px;
	min-width: 18px;
	text-align: center;
}
.miiDashboardPaymentPeriod{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: var(--dashboard-title-text);
	line-height: var(--dashboard-title-text-lh);
}
.miiDashboardPaymentamount{
	color: var(--miigen-grey);
}
.miiDashboardPaymentamount i {
    margin-right: 3px;
	color: var(--miigen-gold);
}
.miiDashboardPaidDate{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	line-height: var(--dashboard-sub-text-lh);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--miigen-grey);
}
.miiDashboardPaidDate i {
	line-height: 20px;
	padding-right: 4px;
}

@media screen and (min-width: 768px )and (max-width: 999px){
	#main-wrapper .miiDashboardBookingsRow{
		flex-direction: column !important;
	}
	.miiDashboardBookingsFam,
	.miiDashboardBookingsBiog{
		width: 100%;
	}
}
@media screen and (max-width: 450px){
	#main-wrapper .miiDashboardBookingsRow{
		flex-direction: column !important;
		padding-bottom: 16px;
	}
	.miiDashboardBookingsFam,
	.miiDashboardBookingsBiog{
		width: 100%;
	}
}
/* end: family dashboard */


/* start: biographer Feedback */
.miiFeedbackTitle{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.01em;
	display: inline;
	padding-right: 20px;
}
.miiFeedbackMessageRow{
	width: 100%;
	cursor: pointer;
}
.miiFeedbackMessageRow > div{
	display: flex;
	flex-direction: column;
	align-items: start;
}
.miiFeedbackMessageProfile{
	min-width: 70px;
}
.miiFeedbackMessageDetails{
	padding-left: 1rem;
	padding-right: 1rem;
	width: calc(100% - 110px);
}
.miiFeedbackMessageName{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: 16px;
	line-height: 23px;
}
.miiFeedbackMessageContent{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: var(--miigen-text-secondary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
}
.miiFeedbackMessageDate{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-top: 6px;
	padding: 4px 8px 4px 5px;
	background: var(--miigen-light-blue);
	border-radius: var(--border-radius-round);
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
.miiFeedbackMessageDate .rounded-circle{
	background: var(--miigen-calendar-blue);
	border-radius: var(--border-radius-round);
	width: 16px;
	height: 16px;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	margin-right: 6px;
}
.miiFeedbackMessageArrow{
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: var(--miigen-light-grey);
	width: 40px;
	text-align: center;
	align-items: center !important;
}
.miiFeedbackMessageRow:hover .miiFeedbackMessageArrow{
	color: var(--miigen-black);
}
.miiFeedbackBookingsRow{
	width: 100%;
	cursor: pointer;
}
.biographersEvidence .miiFeedbackBookingsRow{
	width: 25%;
}
.miiFeedbackBookingsLeft{
	display: flex;
	width: 100px;
	align-items: center !important;
	justify-content: center;
}
.miiFeedbackBookingsRight{
	display: flex;
	width: calc(100% - 100px);
	background: var(--miigen-light-blue);
	border-radius: var(--border-radius-curved);
}
.miiFeedbackBookingsBiog,
.miiFeedbackBookingsFam{
	display: flex;
	width: calc(100% - 4px);
	border-radius: var(--border-radius-curved);
	margin-right: 4px;
	max-width: 50%;
}
.miiFeedbackBookingsFam{
	background: var(--miigen-light-blue);
}
.miiDashboard_feedback_container .miiFeedbackBookingsFam{
	background: #fff;
}
.miiFeedbackBookingsBiog{
	background: var(--miigen-class-light-red);
}
.miiFeedbackBookingsBiog > div,
.miiFeedbackBookingsFam > div,
.miiFeedbackBookingsRight > div{
	display: flex;
	flex-direction: column;
	align-items: start;
}
.miiDashboardSection .miiFeedbackBookingsFam,
.biographersEvidence .miiFeedbackBookingsFam{
	max-width: none;
}

.miiDashboard_feedback_container .miiFeedbackBookingsFam > div{
	align-items: center;
}
.miiFeedbackBookingsFam > .miiFeedbackBookingsProfile{
	min-width: 70px;
	border: 4px solid var(--miigen-calendar-blue);
}
.miiFeedbackBookingsBiog > .miiFeedbackBookingsProfile{
	min-width: 70px;
	border: 4px solid var(--miigen-class-red);
}
.miiFeedbackBookingsDetails{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	width: 100%;
}
.miiDashboard_feedback_container .miiFeedbackBookingsDetails{
	padding-left: 0;
	padding-right: 0;
}

.miiFeedbackBookingsType,
.miiFeedbackBookingsSendMessage{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-top: 6px;
	padding: 4px 8px 4px 5px;
	background: var(--miigen-calendar-blue);
	border-radius: var(--border-radius-all);
	color: var(--miigen-white);
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	max-width: 100%;
	overflow: hidden;
}
.miiFeedbackBookingsBiog .miiFeedbackBookingsSendMessage,
.miiFeedbackBookingsBiog .miiFeedbackBookingsType{
	background: var(--miigen-class-red);
}
.miiFeedbackBookingsName{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: var(--dashboard-title-text);
	line-height: var(--dashboard-title-text-lh);
	text-align: right;
}
.miiFeedbackBookingsDate,
.miiFeedbackBookingsTime{
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: normal;
	font-size: var(--dashboard-sub-text);
	line-height: var(--dashboard-sub-text-lh);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
}
.biographerDashboard .miiFeedbackBookingsDate,
.biographerDashboard .miiFeedbackBookingsTime,
.biographerDashboard .miiDashboardBookingsDate{
	max-width: 100%;
}
.BookedClassDetailsModalPeopleBiographer .miiFeedbackBookingsDate,
.BookedClassDetailsModalPeopleBiographer .miiFeedbackBookingsTime{
	max-width: 100%;
}
.miiFeedbackBookingsDate i,
.miiFeedbackBookingsTime i{
	line-height: 20px;
	padding-right: 4px;
}
.miiFeedbackBookingsDay{
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: var(--font-roboto);
	font-style: normal;
	font-weight: 900;
	font-size: 16px;
	line-height: 23px;
	display: flex;
	width: 100%;
}
.miiFeedbackBookingsDay:first-child{
	margin-top: 0;
}
.miiFeedbackItem{
	cursor: pointer;
}
#main-wrapper .biograher_recent_holder{
	overflow: auto;
	max-height: 600px;
	padding-right: 16px;
}
#main-wrapper .FeedbackMsgWrapper{
	max-height: 420px;
}
.FeedbackDetailsModal textarea{
	height: auto;
}
#main-wrapper .biograher_full_history_holder{
	overflow: auto;
	max-height: 600px;
	padding-right: 16px;
}
#feedbackModal .biograher_full_history_holder{
	/* max-height: 660px; */
}
#main-wrapper .family_recent_holder{
	overflow: auto;
	max-height: 650px;
	padding-right: 16px;
}
#main-wrapper .miigen-wrapper .family_feedback_help,
#main-wrapper .miigen-wrapper .family_full_history_holder,
#main-wrapper .family_feedback_reports_holder{
	max-height: 275px;
	min-height: 275px;
}
#main-wrapper .modals .family_full_history_holder{
	max-height: 660px;
}
#main-wrapper .feedback-textarea{
	border-radius: var(--border-radius-curved);
	background: var(--miigen-light-blue);
	padding: .5rem !important;
	overflow: auto;
	max-height: 100px;
	font-size: var(--bootstrap-formcontrol-font);
	min-height: 40px;
}
.feedback_score_section .biog_score{
	font-size: .875rem;
	line-height: 1.5;
	padding: 0;
}
.feedback_profile_review_background{
	border-radius: 50%;
	overflow: hidden;
	background: var(--miigen-white);
}
.feedback_profile_review_face{
	font-size: 30px;
	line-height: 28px;
}
.selected_score[data-review="1"]{
	border: 3px solid var(--miigen-grey);
}
.selected_score[data-review="2"]{
	border: 3px solid var(--miigen-gold);
}
.selected_score[data-review="3"]{
	border: 3px solid var(--miigen-green);
}
.modal-feedback{
	max-width: 608px;
}
.feedback_close_btn{
	color: var(--miigen-grey);
	background: rgba(0, 0, 0, 0.15);
}
.feedbackpage #standardModal{
	background: rgba(0,0,0,0.5);
}
.feedback-report-text{
	font-size: 0.8571rem;
}
.feedback-report-text i{
	font-size: 0.7143rem;
	color: var(--miigen.grey);
}
.modals:not(.ordersModal, .contactsModal) .section-header {
	padding-left: 0;
}
.biog_score_note{
	padding-top: 1rem;
}
.feedback-report-text{
	border-bottom: 1px solid var(--miigen-light-blue);
	padding-bottom: 4px;
	margin-bottom: 8px;
}
.viewBiographerSummary .biographer_rating_btn {
	cursor: default;
}
.averageReviewHolder{
	/*min-width: 240px;
	margin-left: 16px;*/
}
#main-wrapper .family_report_history_holder{
	max-height: 200px;
}
.module_evidence_container{
	padding: 8px 0;
}
.evidence_chip{
	background: var(--miigen-blue);
	color: var(--miigen-white);
    align-items: center;
    display: inline-flex;
    float: left;
    margin: 0 8px 6px 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0 4px 0 8px;
	border-radius: 12px;
}
.evidence_chip_content{
	font-family: inherit;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.evidence_chip_close{
	color: var(--miigen-white);
	font-size: 16px;
	align-self: center;
	display: flex;
	float: right;
	font-family: 'e-icons';
	height: 16px;
	margin: 0 0 0;
	width: 16px;
	cursor: pointer;
}
.view_all_feedback_icon{
	font-size: 30px;
}

@media screen and (max-width: 1250px){
	.biographersEvidence .miiFeedbackBookingsRow {
		width: 33%;
	}
}

@media screen and (max-width: 900px){
	.biographersEvidence .miiFeedbackBookingsRow {
		width: 50%;
	}
}

@media screen and (max-width: 600px){
	.biographersEvidence .miiFeedbackBookingsRow {
		width: 100%;
	}
}

@media screen and (min-width: 768px )and (max-width: 999px){
	#main-wrapper .miiFeedbackBookingsRow{
		flex-direction: column !important;
	}
	.miiFeedbackBookingsFam,
	.miiFeedbackBookingsBiog{
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 450px){
	#main-wrapper .miiFeedbackBookingsRow{
		flex-direction: column !important;
		padding-bottom: 16px;
	}
	.miiFeedbackBookingsFam,
	.miiFeedbackBookingsBiog{
		width: 100%;
		max-width: 100%;
	}
}
/* end: biographer Feedback */


/* start: chat reschedule */
	.chat-list .biographer_reschedule_notice{

	}
	.chat-list .biographer_reschedule_notice span{
		color: var(--miigen-gold);
		cursor: pointer;
		padding: 8px 0;
		display: block;
		text-decoration: none;
	}
	.chat-list .odd .biographer_reschedule_notice span{
		color: var(--miigen-white);
		cursor: default;
		padding: 0;
	}
/* end: chat reschedule */


/* start: modal elements */
.modal-title .modalHeaderName {
    display: block;
    float: left;
    line-height: 36px;
}
.modalHeaderIcon {
    color: var(--miigen-gold) !important;
    float: left;
    font-size: 1rem;
    margin-right: 3px;
}
.modalHeadName {
    display: inline-block;
    margin: 0 0 0 6px;
}
.modal.show .modal-dialog {
	box-shadow: 0px 12px 48px -6px rgba(28, 50, 79, 0.38), 0px 3px 18px -2px rgba(28, 55, 90, 0.16);
	border-radius: 0.25rem;
	overflow: hidden;
}
/* end: modal elements */

/*start: notifications */
.notificationSummaryItem:hover,
.notificationHistoryItem:hover{
    background: #e8eaec;
	cursor: pointer;
}
.notificationSummaryItem .btn,
.notificationHistoryItem .btn{
	color: #fff;
}
.navbar .notificationHistoryItem i,
.navbar .message-item i,
.notification_history_wrapper .message-item i{
	padding: 0;
	font-size: 20px;
}
.navbar .notifications.message-center{
	min-width: 250px;
}
.notificationSummaryItem{
	max-width: 250px;
	min-width: 250px;
}
.notificationsReadAllHolder{
	font-size: 1rem;
	font-weight: 400;
	color: #333;
}
.notification_history_wrapper .pager{
	min-width: auto;
}
.NoNotificationsMsg{
	color: var(--miigen-accent) !important;
	opacity: 0.9;
	width: calc(100% - 1rem);
	margin: 1rem;
	padding: 5px !important;
	border-radius: var(--border-radius-curved);
}
.notificationCounter {
	color: var(--miigen-blue);
	font-size: 12px;
	background: var(--miigen-gold);
	border-radius: 50%;
	height: 20px;
	width: 20px;
	line-height: 20px;
	border: 1px solid var(--miigen-gold);
	position: absolute;
	bottom: -10px;
	right: -5px;
	text-align: center;
}
@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }
    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }
    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }
    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }
    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }
    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }
    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }
    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
.fa-bell.animated,
.fa-bell.animated-hover:hover,
.faa-parent.animated-hover:hover>.fa-bell {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial
}
/*end: notifications */


/* number */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
/* end number */

/* categories */
.categoryrow, .productsrow { border-bottom: 1px dashed var(--miigen-light-grey); position: relative; }
.categoryrow > div, .productsrow > div { display: inline-block; line-height: 20px; }
.children { border: 1px solid var(--miigen-light-grey); border-radius: 50%; margin: 5px 8px 5px 0; color: var(--miigen-light-grey); cursor: pointer; height: 20px; width: 20px; text-align: center; font-size: 10px; line-height: 20px; }
.children.expand, .children:hover, .children i:hover { background-color: var(--miigen-lighter-blue); }
.children.expand i { transform: rotate(90deg); transition: all 300ms; }
.catControls { position: absolute; right: 10px; top: 0px; line-height: 30px; }
.catControls > div { display: inline-block; padding: 0 10px; cursor: pointer; }
.catControls .categoryEdit { color: var(--miigen-blue); }
.catControls .categoryDelete { color: var(--miigen-red); }
.categoryrow.child, .categoryrow.child[data-level='1'], .productsrow.child, .productselection .child[data-level='1'] { margin-left: 28px; }
.categoryrow.child[data-level='2'], .productselection .child[data-level='2'] { margin-left: 56px; }
.categoryrow.child[data-level='3'], .productselection .child[data-level='3'] { margin-left: 84px; }
.categoryrow.child[data-level='4'], .productselection .child[data-level='4'] { margin-left: 112px; }
.categoryrow.child[data-level='5'], .productselection .child[data-level='5'] { margin-left: 140px; }
.categoryrow:hover, .productsrow:hover { background: var(--miigen-lighter-blue); }
.categoryplacementselect:not(.popup), .productplacementselect:not(.popup) { position: absolute; width: 100%; left: 0; top: 33px; border-radius: 0; z-index: 1; padding-right: 0; padding-left: 0; }
.categoryplacementselect.popup, .productplacementselect.poup { width: 100%; z-index: 1; padding-right: 0; padding-left: 0; }
.txtCatPlacement, .txtProdPlacename { position: relative; }
.availableCategories { font-weight: bold; font-style: italic; padding: 2px; border-bottom: 1px solid var(--miigen-blue); }
.categoryplacementselect .categoryrow, .productplacementselect .productsrow { border-bottom: none; }
.categoryrow.selected, .categoryiten.selected, .productsrow.selected, .prodcutsitem.selected { background: var(--miigen-mid-blue); }
.categoryselection, .productselection { height: 200px; overflow: auto; background: var(--miigen-light-blue); padding: 0 .75rem; }
.popup .categoryselection, .popup .productselection { height: 320px; }
.categoryselectionclose, .productselectionclose { width: 100%; padding: .25rem .75rem; background: var(--miigen-light-blue); font-size: 14px; text-align: right; border-top: 1px solid var(--miigen-blue); font-family: var(--font-roboto); border-radius: 0 0 5px 5px; }
.categoryselectionclose span, .productselectionclose span { cursor: pointer; }
.child.classes > div, .child.products > div { display: inline-block; padding: 4px 0; }
.modal-dialog.overflowshow { overflow: visible!important; }
/* end categories */

/* partners */
.partnerLogoAdd, .partnerContactImageAdd, .contactPhotoAdd, .partnerLogoRemove, .partnerContactImageRemove, .contactPhotoRemove { width: 100%; margin-top: 0.5rem; }
.partnerLogoAdd.disabled, .partnerContactImageAdd.disabled, .contactPhotoAdd.disabled, .partnerLogoRemove.disabled, .partnerContactImageRemove.disabled, .contactPhotoRemove.disabled { cursor: default; }
.usePartners > div, .contactStatus > div { display: inline-block; }
.usePartners .message, .contactStatus .message { margin-right: 8px; }
.cardButtonHolder i { margin-right: 8px; }
.cardButtonHolder a { display: block; margin: 4px 0; }
.partnerContactList { width: 100%; margin: 12px 12px 0 12px; }
.partnerContactListHolder { max-height: 400px; overflow: auto; }
.partners .contactListItem .contentBlock { padding: 7px; }
.partners .contactListItem.active .contentBlock { background: var(--miigen-light-blue); border-radius: var(--border-radius-all); }
.partnerText, .partnerContactText { font-weight: bold; }
.partnerPosition { margin-top: 2px; font-style: italic; }
.partnerDetails:not(.noborder) { border-bottom: 1px solid var(--miigen-light-btn-border); padding-bottom: 12px; }
.partnerContactDetails:not(:last-child) { border-bottom: 1px solid var(--miigen-light-grey); }
.contactAdd .contactListItem { cursor: default; }
.partners .lightblueRightBorder h1 { margin: 0; }
.partnerViewButtons > div, .sectionHeader > div { display: inline-block; }
/* end partners */

/* filters */
.filterArea > div, .filterArea > form, .adminFilter > div, .pager > div, .pageListHolder > div, .pageNumberHolders > div, .finalPage > div, .paymentYearsHolder > div, .exportWorkHistoryHolder > div { display: inline-block; }
.pager > div.hidden, .adminFilter > div.hidden { display: none!important; }
.pager, .adminFilter { margin-right: 8px; /* border-right: 1px solid var(--miigen-blue); padding-right: 8px;*/ }
.objHolder { margin-right: 8px; padding-right: 8px; }
.objHolder .label { font-family: "Roboto", sans-serif; font-weight: bold; padding-right: 8px; }
.objHolder > div { display: inline-block; }
.btn-info.clear { background: var(--miigen-light-blue)!important; border-color: var(--miigen-light-blue); color: var(--miigen-blue); }
/* end filters */

/* currencies */
[class$="Currencies"] .currencyHeaderRow > div, .currencyRow > div { display: inline-block; }
.activeCurrenciesHolder, .availableCurrenciesHolder { margin-left: 28px; max-height: 200px!important; overflow: auto; }
/* end currencies */

.required-field {
	border: 1px solid #85293a !important;
	background: #ffdce2 !important;
	color: #85293a !important;
}

.partnerContactListHolder { max-height: 200px!important; }
.partnerContactTelephone, .partnerContactMobile { font-size: 12px; display: block; margin-left: 4px; }
.partnerContactDetails:last-child { border-bottom: none; }
.generateMailingListHolder, .generateOrdersExportListHolder { border-left: 1px solid var(--miigen-blue); }
.generateMailingList.disabled, .generateOrdersExportListHolder.disabled { pointer-events: none; cursor: default; }
.sendVerification, .sendVerification input, .sendVerification label { pointer-events: all; cursor: pointer; }
.rowInfoHolder { padding-top: 10px; border-top: 1px solid var(--miigen-light-blue); margin-top: 10px; }
.evidenceAnswers [class^="col-"] { padding: 0; margin: 0 0 4px; }
.evidenceGroup > div { display: inline-block; }
.evidenceGroup { position: relative; }
.evidenceRemove { position: absolute; right: 8px; top: 5px; cursor: pointer; color: var(--miigen-blue); font-size: 10px; }
.evidenceBox { width: 100%; }
.evidenceBox input { padding-right: 30px; }
.relatedItemHolder { height: 500px!important; }
.relatedItemCard .img-container { height: 80px; }
.relatedItemCard .card-body { padding: 10px; }
.relatedItemCard h5 { font-size: var(--fontsize-12px); }
.relatedItemCard .card { margin-bottom: 16px; }


/* orders */
.orderStatusHolder { display: flex; justify-content: center; align-items: center; }
.orderStatus { border: 1px solid; height: 20px; width: 20px; border-radius: 50%; } 
.paid { background: var(--miigen-green); }
.notpaid { background: var(--miigen-red); }
.book { background: var(--miigen-white); }
/* end orders */

/* modals */
.modals .miigen-wrapper { max-width: 100%; }
/* end modals */
/* pagination */
.pager { color: var(--miigen-grey); font-size: 11px; font-weight: normal; min-width: 250px; text-align: right; }
.goToPageNumber { background-color: var(--miigen-light-blue); color: var(--miigen-text-placeholder); -moz-appearance: none; -webkit-appearance: none; resize: none; }
.goToPageHolder { width: 50px; border-left: 1px solid var(--miigen-blue); padding: 0 8px; }
.pageListHolder { margin-right: 8px; }
.pageNumberHolders { margin: 0 4px; }
.pageNumbers { cursor: pointer; text-align: center; padding: 4px; border: 1px solid var(--miigen-light-blue); background: var(--miigen-light-blue); color: var(--miigen-blue); margin: 0 2px; }
.goToPage, .goToPage:hover { font-size: 11px; color: var(--miigen-blue); background: var(--miigen-light-blue) !important; border: none; line-height: 11px!important; }
.pageNumbers.active { background: var(--miigen-blue); color: var(--miigen-white); }
.firstPage, .nextPage { cursor: pointer; }
.section-header .titleWithPagination{
	display:block;
	min-width: 200px;
}
@media screen and (max-width: 500px){
	.mobile_pagination_holder {
		flex-direction: column !important;
		margin-left: auto;
		margin-right: auto;
		min-width: 280px;
		padding-top: 8px;
	}
	.mobile_pagination_holder > * {
		margin-bottom: 8px;
	}
}  
/* end pagination */

.videoLink { position: absolute; right: 5px; top: 5px; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; color: var(--miigen-white); font-size: 14px; border-radius: 50%; cursor: pointer; background: var(--miigen-faded-5); }
.videoLink i { margin-right: 0px!important; }
.previewArea .img-container { position: relative;}
.previewArea .book_activities_summary { margin-bottom: 12px;}

.videoTitle { padding: 3px 0; font-weight: bold; height: 21px; overflow: hidden; white-space: normal; text-overflow: ellipsis; font-size: var(--dashboard-title-text); line-height: var(--dashboard-title-text-lh); }
.videoDescription { padding: 3px 4px 0; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: var(--dashboard-sub-text); line-height: var(--dashboard-sub-text-lh); }
.videoPlay { padding: 4px; cursor: pointer; font-size: 20px; }
.videoHolder { text-align: center; margin: 0 0 11px; }
.videoPlay i { background: url('/img/login/bg.jpg') center center / cover; color: #fff; padding: 12px; font-size: 14px; }
.videoFrontHolder { margin: 10px 0; text-align: center; }
.videoEmbed iframe{
	min-height: 156px;
}
.playlistItem img {
	max-width: 100%;
}
.playlistItem .videoTitle{
	color: #000;
	padding-top: 8px;
	height: 30px;
}
.playlistItem .playlistImg{
	min-height: 150px;
}

.adminlistsection { width: 100%; }
.admin-buttons > div, .admin-buttons > form { display: inline-block; }
.periodActive { color: var(--miigen-green); }
.biographerselectholder > div { display: inline-block; }
.biographerselectlabel { margin-right:  8px; }
.outstandingPaymentHolder { margin: 0 0 10px; }
.outstandingPaymentHolder > div { display: inline-block; margin: 0 20px 0 0; }
.paymenthistory, .paymenthistory table { width: 100%; }
.paymentHistoryBreakdown i.fa-check-circle, i.fa-check-circle.voucherTick { color: var(--miigen-green); }
.exportWorkHistoryLabel, .exportWorkHistoryHolder, .exportWorkHistorySelectHolder { margin-right: 8px; }
.voucherForm select, .voucherForm div { width: 100% !important; }
.voucherFilterContainerText { margin-right: 8px; }

.dropdown-item.active, .dropdown-item:active { background-color: var(--miigen-blue)!important; }

@media screen and (max-width: 500px){
	.section-header .col:first-child{
		width: 100%;
		padding-bottom: 8px;
		margin-bottom: 8px;
		flex-basis: auto;
		flex-grow: unset;
	}
}  


.passwordField i { margin-left: -30px; cursor: pointer; }
.passwordField .fa-eye:before { content: "\f06e" !important; }
.passwordField input, .passwordField i {
	display: inline;
}
::-ms-reveal {
    display: none;
}
#tc_modal .btn-primary, #disclaimer_modal .btn-primary {
	background: var(--miigen-blue);
	border-color: var(--miigen-blue);
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--miigen-blue)!important;
	background-color: var(--miigen-blue)!important;
}
.resetPasswordBtn:disabled{
	opacity: 0.5;
}

/* suggestion */
.calendarLegend { display: none; }
@media screen and (max-width: 960px){
	.fc-daygrid-event-harness a div[class*="fc-event"] {
		/* display: none; */
	}
	#main-wrapper .schedule_available_hours, #main-wrapper .schedule_booked_class  {
		/* background: bottom;
		border: none; */
	}
	.fc-daygrid-event-harness {
		/* 
		width: 20px;
		display: inline-block;
		*/
	}
	.calendarLegend {
		display: block;
		text-align: right;
	}
	.available .btn, .booking .btn {
		width: 16px;
		height: 16px;
		border-radius: var(--border-radius-curved);
		margin-right: 4px;
		padding: 0 !important;
	}
	.available .btn {
		background-color: var(--miigen-light-gold);
		border: 1px solid var(--miigen-gold);
	}
	.booking .btn {
		background-color: var(--miigen-light-blue);
		border: 1px solid var(--miigen-primary-50);
	}
}
/* end suggestion */

.suggestedSize {
	text-align: center;
	margin: 4px 0;
	font-size: 83%;
	color: rgba(0,0,0,0.5);
}



/* calendar enhacements */
#main-wrapper .fc-day-past .fc-daygrid-more-link {
	background-color: var(--miigen-light-grey);
	color: var(--miigen-grey);
	opacity: 0.8;
}
#main-wrapper .fc-daygrid-more-link {
	background-color: var(--miigen-light-blue);
	border: 1px solid var(--miigen-light-blue);
	border-radius: var(--border-radius-curved);
	cursor: pointer;
	overflow: hidden;
}
#main-wrapper .fc-more-link {
	display: flex;
	align-items: center;
	padding: 2px 0;
	
}
#main-wrapper .fc-daygrid-event, 
#main-wrapper .fc-more-link {
	padding-left: 4px	
}

@media screen and (max-width: 480px){
	#main-wrapper .fc-daygrid-more-link,
	#main-wrapper .fc-daygrid-event {
		font-size: var(--calendar-mobile-fontsize);
	}
}
/* end calendar enhacements */


/* start: 2022-05-20 landing page */
.no-margin-left { margin-left: 0!important; }
.clickThroughs {
	width: 100% !important;
	text-align: center;
}
.registerAs {
	font-weight: bold;
}
.registerAsBox {
	min-height: 200px;
	display: flex;
	justify-content: center;
	margin: 10px;
	border: 1px solid var(--miigen-faded-5);
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: var(--miigen-faded-grey-5) 5px 5px 5px;
}
.registerAsBox .icon {
	display: block;
	font-size: 57px;
	color: var(--miigen-blue);
}
.registerAsBox .registerType {
	display: block;
	clear: both;
	font-weight: bold;
	font-size: 24px;
	width: 100%;
}
.holder {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.holder .icon {
	margin: 0 0 15px;
}
@media screen and (min-width: 600px){
	.clickThroughs {
		min-width: 510px;
	}
}
/* end: 2022-05-20 landing page */

/* CSV */
.validateCSVHolder {
	width: 100%;
}
.validateCSVHolder table {
	width: 100%;
	margin: 10px 0;
}
.validateCSVHolder table th, .validateCSVHolder table td {
	padding: 4px;
}
.validateCSVHolder table th {
	background: var(--miigen-blue);
	color: var(--miigen-white);
}
.entryRow.success, .square.success {
	background: var(--csv-success);
}
.entryRow.issue, .square.issue {
	background: var(--csv-issue);
}
.entryRow.existing, .square.existing {
	background: var(--csv-existing);
}
.entryRow.needsLinked, .square.needsLinked {
	background: var(--csv-needsLinked);
}
.entryRow.alreadyAffiliate, .square.alreadyAffiliate {
	background: var(--csv-alreadyAffiliate);
}
.entryRow.infochange, .square.infochange {
	background: var(--csv-infochange);
}
.valueHolder > div, .squareHolder > div {
	display: inline-block;
}
.squareHolder {
	margin-right: 8px;
}
.square {
	width: 13px;
	height: 13px;
	border: 1px solid;
	margin-right: 6px;
}
/* end: CSV */

table div.rejectInvite { background: var(--miigen-class-red)!important; color: var(--miigen-white)!important; }
table div.acceptInvite { background: var(--miigen-btn-green-bg)!important; }

/* CSV */
.partnerContactsholder {
	width: 100%;
}
.partnerContactsholder table {
	width: 100%;
	margin: 10px 0;
}
.partnerContactsholder table th, .partnerContactsholder table td {
	padding: 4px;
}
.partnerContactsholder table th {
	background: var(--miigen-blue);
	color: var(--miigen-white);
}

.live .dot {
	width: 10px;
	height: 10px;
	background: var(--miigen-green);
	border-radius: 50%;
	border: 1px solid var(--miigen-green)
}
.invites .dot {
	width: 10px;
	height: 10px;
	background: var(--csv-issue);
	border-radius: 50%;
	border: 1px solid var(--csv-issue)
}
.live, .invites {
	text-align: center;
}