/* CSS Document */

/*https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2*/
/* a subtle focus style for keyboard-input elements */
.text-input:focus {
  outline: 1px solid #aaa; /* Adjust to suit your tastes */
}

/* no outline for non-keyboard-inputs elements */
button:focus,
select:focus,
a:focus {
  outline: none;
}
.no-focus-outline a:focus,
.no-focus-outline button:focus {
	outline: none !important;
	box-shadow: none !important;
}

body.user-is-tabbing *:focus {
  outline: 2px solid #7AACFE !important; /* for non-webkit browsers */
  outline: 5px auto -webkit-focus-ring-color !important;
}

.btn-none {
    padding: 0;
	margin: 0;
	border: none;
	line-height: 0.5;
}
.btn-none:focus {
    box-shadow: 0 0 0 0.2rem #fff;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.1rem 0.5rem;
    font-size: .75rem;
    line-height: 1.5;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.5rem .6rem;
	font-size: .8rem;
	line-height: 1;
}
.cell .btn-sm, .cell .btn-group-sm > .btn {
	line-height: 1.8;
	font-size: .8rem;
	padding: .03rem .5rem;
}

.form-submit [type="button"]:not(:disabled), 
.form-submit [type="reset"]:not(:disabled), 
.form-submit [type="submit"]:not(:disabled),
a.btn-primary,
button.btn-primary{
	color: #fff;
	background-color: #1C9AA6;
	border-color: #1C9AA6;
}
a.btn-primary:focus, a.btn-primary.focus, 
a.btn-primary:hover, 
button.btn-primary:focus, 
button.btn-prmary:hover{
    background-color: var(--teal_4);
    color: #fff;
}
.btn-shadow {
    box-shadow: inset -3px -3px 7px 0 rgb(0 0 0 / .1);
}

.form-submit [type="button"]:not(:disabled):hover, 
.form-submit [type="reset"]:not(:disabled):hover, 
.form-submit [type="submit"]:not(:disabled):hover,
a.btn-primary:hover,
button.btn-primary:hover{
	color: #fff;
	background-color: var(--teal_4);
	border-color: var(--teal_4);
}
.form-submit [type="button"]:not(:disabled):active, 
.form-submit [type="reset"]:not(:disabled):active, 
.form-submit [type="submit"]:not(:disabled):active,
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle{
	color: #fff;
	background-color: var(--teal_4);
	border-color: var(--teal_4);
    outline:  var(--teal_4);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(28, 154, 166, 0.5);
}
.bmg-dropdown .dropdown-menu {
    padding: 0;
    border: 3px solid rgba(0, 0, 0, 0.5);
}



.btn-secondary {
    color: #fff !important;
}


.btn-bmg {
	color: #fff;
	background-color: var(--teal_4);
}
.btn-bmg:hover,
.btn-bmg:focus,
.btn-bmg:active{
	color: #fff;
	background-color: #1C9AA6;
}


.btn-info {
	color: #fff;
	background-color: var(--teal_4);
	border-radius: 5px;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active{
	color: #fff;
	background-color: #1C9AA6;
}
.fas.fa-toggle-on {
	display:inline-block;
}
.fas.fa-toggle-off {
	display: none;
}
#sidebarCollapse {
    transition: all .3s ease-in-out;
}

#sidebarCollapse.active .fa-toggle-off {
    display:none;    
}
#sidebarCollapse .fa-toggle-off {
    display:inline-block;
}
#sidebarCollapse.active .fa-toggle-on {
    display:inline-block; 
}
#sidebarCollapse .fa-toggle-on {
    display:none;        
}
#sidebarCollapse {
    background: #fff;
    border: none;
    color: #1c9aa6;
}
#sidebarCollapse.active {
    color: #117a8b;
}



#sidebarCollapse2 {
    transition: all .3s ease-in-out;
}
@media (max-width: 1024px) {
    #sidebarCollapse, #sidebarCollapse2 {
        display:inline-block;
    }
}

body.sidebar-menu-closed .fas.fa-toggle-on {
	display: none;
}

body.sidebar-menu-closed .fas.fa-toggle-off {
	display:inline-block;
}

.border-right-light {
    border-right: solid 2px rgba(168, 176, 183, 0.6);
}
.border-left-light {
    border-left: solid 2px rgba(168, 176, 183, 0.6);
}






button.simplefavorite-button {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	cursor: pointer;
	border-right: solid 2px var(--teal_4);
	color: #fff !important;
	text-decoration: none;
	font-weight: normal;
	transition: 0.5s ease all;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	background-color: var(--teal_4);;
	border-color: var(--teal_4);
	border: 1px solid transparent;
	user-select: none;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	-webkit-appearance: button;
	text-transform: none;
	overflow: visible;
	margin: 0;
	font-family: inherit;
	border-radius: 5px 0 0 5px;
    min-width: 35px;
    box-shadow: inset -3px -3px 7px 0 rgb(0 0 0 / .1);
}
button.simplefavorite-button:hover {
    color: #fff;
}
button.simplefavorite-button.active {
	background: rgb(221, 51, 51);
}
button.simplefavorite-button.active:hover {
	background: #ab3916;
}

.tiny-button {
	padding: 0px 3px;
	font-size: 85%;
}

a.disabled,
button.disabled {
    background-color: #ccc !important;
    border-color: #ccc !important;
}