.form-control
{
	line-height: 1.5;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	/*margin-left: 5px;*/
}

.form-group
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.hidden_header {
  display: none;
}

.form-button
{
	margin-right: 15px;
}

.search-row
{
	margin-bottom: 10px;
}

#login, #registration, #forgotpassword, #resetpassword
{
	margin-top: 150px;
}

input#tax + label.custom-control-label:before, input#edit-tax + label.custom-control-label:before,
input#tax + label.custom-control-label:after, input#edit-tax + label.custom-control-label:after,
input#notification + label.custom-control-label:before, input#edit-notification + label.custom-control-label:before,
input#notification + label.custom-control-label:after, input#edit-notification + label.custom-control-label:after
{
	top: 11px;
}

div.notification-checkbox.custom-checkbox input + label:before, div.notification-checkbox.custom-checkbox input + label:after
{
	top: -8px;
	left: -5px;
}

div.registration-notification.custom-checkbox input + label:before, div.registration-notification.custom-checkbox input + label:after
{
	top: 10px;
	left: -25px;
}

input[type=radio] + label.custom-control-label:before, input[type=radio] + label.custom-control-label:after
{
	top: 11px;
}

.login-form
{
	width: 300px;
	margin: 0 auto;
}

.forgot-form
{
	width: 450px;
	margin: auto;
}

.align-button
{
	line-height: 2.5;
}

label
{
	line-height: 2.2;
	font-weight: bold;
}

.registration-form .custom-control
{
	min-height: 16px;
}

.login-form .row, .forgot-form .row
{
	margin-bottom: 10px;
}

#menu-container .nav-container
{
	margin: 10px auto;
}

#menu-container .nav-item
{
	/*margin: 0 auto;*/
}

.content
{
	margin-top: 20px;
	margin-bottom: 25px;
}

.tab-content
{
	padding-top: 20px;
}

.time-table
{
	width:inherit;
}

.time-table td
{
	padding:5px 10px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

.dropdown-menu > li > a {
	display: block;
	padding: 5px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
}

.calendar
{
	table-layout: fixed;
	width: 100% ;
	border:1px;
}

.appointment-table
{
	table-layout: fixed;
	width: 100% ;
	border-collapse: separate;
	font-size: 12px;
}

.calendar a, #appointments a, .link
{
	cursor: pointer;
}
.grey a
{
	color: #bbbbbb;
}

.today
{
	background-color:#e4e0eb;
}

.total
{
	padding-left: 25px;
}

.legend{
	margin-left: 10px;
	border: solid #000 1.4px;
	border-radius: 4px;
}

.unavailable
{
	/*border: solid 1px #fff;*/
	background-color: #f3f6e9;
	/*opacity: 0.8;*/
	/*#B8BEDD*/
} 

.available
{
	/*border: solid 1px #fff;*/
	background-color: #bcd8f9;
	/*#EFD9CE;*/
}

.begin
{
	border-top-right-radius:12px 12px; 
	border-top-left-radius:12px 12px;
}

.end
{
	border-bottom-right-radius:12px 12px;
	border-bottom-left-radius:12px 12px; 
}

.begin, .middle, .end, .single{
	border: solid 1px #6f69b0;
	background-color: #6f69b0;
}

.single, .complete{
	border-radius:12px;
}

.c-begin
{
	border-top-right-radius:12px 12px; border-top-left-radius:12px 12px;
}

.c-end
{
	border-bottom-right-radius:12px 12px; border-bottom-left-radius:12px 12px; 
}

.c-begin, .c-middle, .c-end, .complete{
	background-color:  #0e54a4;
	border: solid 1px #0e54a4;
}
.u-begin
{
	border-left: solid 1px; border-left-color: #009; border-right: solid 1px; border-right-color: #009; background-color: #abacac;
	border-top: solid 1px; border-top-color: #009; border-top-right-radius: 6px 6px; border-top-left-radius: 6px 6px;
}

.u-middle
{
	border-left: solid 1px; border-left-color: #009; border-right: solid 1px; border-right-color: #009; background-color: #abacac;
}

.u-end
{
	border-bottom: solid 1px; border-bottom-color: #009; border-bottom-right-radius: 6px 6px; border-bottom-left-radius: 6px 6px;
	border-left: solid 1px; border-left-color: #009; border-right: solid 1px; border-right-color: #009; background-color: #abacac;
}

.u-single
{
	border: solid 1px #009;
	border-radius: 6px;
	background-color: #abacac;
}
/*dropdown menu*/
ul.dropdown-menu
{
	left: 15px;
	top:100%;
	width: 91%;
	min-width: 268px;
}
/*treatment page*/
.treatment-description
{
	margin-bottom: 5px;
}
.treatment-row
{
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}

.borderless .b-table td
{
	border: none;
}

.mb-10{
	margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 991px){
	div.mobile-form-margin-bottom
	{
		margin-bottom: 12px;
	}
}
@media (max-width: 991px){
	div.sm-mobile-form-margin-bottom
	{
		margin-bottom: 12px;
	}
}

.col-treatment-input
{
	padding-right: 3px;
}
.col-treatment-button
{
	padding-left: 0px;
}

@media (min-width: 992px){
	.no-desktop
	{
		display: none;
	}
}

@media (max-width: 991px){
	.no-mobile
	{
		display: none;
	}
}

.library-container
{
	max-height: 450px;
	overflow-y: auto;
}

.library-image
{
	width: 100%;
}

.upload-row
{
	margin: 20px 0px;
}

.gallery-select
{
	cursor: pointer;
	border-radius: 4px;
	background-color: rgba(102,175,233,0);
	transition: background-color 0.1s;
}
.gallery-select.removed
{
	pointer-events: none;
	opacity: 0.1;
	background-color: red;
}
.gallery-select.selected
{
	background-color: rgba(102,175,233,.6);
}
.gallery-select::after
{
	position: absolute;
	left: 0;
	top: 0;
	display:block;
	content: "";
	width: 100%;
	height: 100%;
	box-shadow: 0 0 0px rgba(102,175,233,0);
	z-index: 10;
	pointer-events: none;
	border-radius: 4px;
	transition: all 0.1s;
}
.gallery-select.selected::after
{
	box-shadow: 0 0 8px rgba(102,175,233,.6);
}

.gallery-select .image-remove
{
	opacity: 0;
	position:absolute;
	bottom: 0;
	right: 0;
	transition: opacity 0.1s;
}
.gallery-select:not(.selected):hover
{
	background-color: rgba(102,175,233,.2);
}
.gallery-select:hover .image-remove
{
	opacity: 1;
	z-index: 11;
	background-color: #0e54a4;
	color: #fff;
}

.iu-progress
{
	width: 100%;
	height: 2em;
	line-height: 20px;
	display: none;
}

.btn-toggle-title, .btn-toggle-title:hover, .btn-toggle-title:not(:disabled):not(.disabled):active, 
.btn-toggle-title:not(:disabled):not(.disabled):focus {
    padding: 14px 15px 7px;
    color: #282323;
    background-color: #fff;
    margin-bottom: 0;
    border: 1px solid #eee;
    width: 100%;
    text-align: left;
    box-shadow: none;
    margin-top: 30px;
    font-weight: 600;
}

.btn:focus{
	box-shadow: none;
}

.arrow{
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 768px){
	.calendar{
		min-height: 210px;
		max-width: 255px;
		display: inline-block;
	}
	.nav-pills .nav-link{
	padding-left: 5px;
	padding-right: 5px; 
	}
	.nav-tabs .nav-link{
	padding-left: 6px;
	padding-right: 6px; 
	}
}

.arrow i{
	font-size: 42px;
	color: #0e54a4;/* #7b297d;*/
}

.nav-pills .nav-link.active{
	background-color: #0e54a4;
}

a{
	color: #0e54a4;
}

a:hover{
	color: #2c86ed;
}

.nav-item{
	font-weight: 600;
}


.btn-primary, .btn-secondary, .btn-success{
	background-color: #0e54a4;
	border-color: #0e54a4;
}

.btn-primary:hover, .btn-secondary:hover{
	background-color: #2c86ed;
	border-color: #2c86ed;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #0e54a4;
}

.btn-danger{
	color: #0e54a4;
    background-color: #bcd8f9;
    border-color: #bcd8f9;
}

.btn-danger:hover{
	color: #fff;
	background-color: #72aef3;
    border-color: #72aef3;
}

.btn-outline-primary{
	color: #0e54a4;
    background-color: transparent;
    background-image: none;
    border-color: #0e54a4;
}

.btn-outline-primary:hover, .btn-primary.disabled, .btn-primary:disabled, .page-item.active .page-link,
.btn-secondary.disabled, .btn-secondary:disabled, .btn-success.disabled, .btn-success:disabled{
    background-color: #0e54a4;
    border-color: #0e54a4;
}

.page-link{
	color: #0e54a4;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active{
	background-color: #0e54a4;
	border-color: #0e54a4;
}

.btn-danger:not(:disabled):not(.disabled):active:focus{
	box-shadow: none;
}


#faq .btn-light {
    color: #0e54a4;
    background-color: #bcd8f9;
    border-color: #bcd8f9;
}

#faq .btn-light:hover {
    color: #fff;
    background-color: #0e54a4;
    border-color: #0e54a4;
}

.card-header button{
	font-weight: 600;
}

i.fa-plus-circle{
	color: #6f69b0;
	font-size:36px;
	cursor: pointer;
}

i.fa-minus-circle{
	color: #c6bed8;
	font-size:36px;
	cursor: pointer;
}