@primary-color: #66c;

@teal: #2ac0cf;
@mediumteal: lighten(@teal, 20%);
@lightergray: #E7E7E7;
@palegray: #FAFAFA;
@verylightgray: #CECECE;
@darkgray: darken(@lightergray, 80%);
@gray: darken(@lightergray, 30%);
@mediumgray: darken(@lightergray, 50%);
@lightmediumgray: darken(@lightergray, 20%);
@lightgray: darken(@lightergray, 10%);
@blue: blue;
@black: #000;

@scheduler_nonclinictime: #EEF2F3;
@scheduler_wkend: #F2F2F2;
@scheduler_today: lighten(@teal, 45%);

@ajax-loader-border: #8b8d8d;

@white: #FFFFFF;
@alertbutton: #157EFB;
@orange: #FF9c26;

@red: #be4847;
@lightred: #ff6b6b;
@verylightred: #FFE0E0;
@green: #008000;

@scheduler_nonclinictime: #EEF2F3;
@scheduler_wkend: #F2F2F2;
@scheduler_today: lighten(@teal, 45%);

@status_checkedout: @gray;
@status_checkedin: #FF0000;
@status_confirmed: #448CCB;
@status_unconfirmed: #3CB878;
@status_seated: @black;

@kiosk_version_h2: #1b1b1b;

@sidebarwidth: 360px;

@time-factor: 2;

@font-path: "../fonts/";

#font-face(@fontfamily) {

    @font-face {
        font-family: @fontfamily;
        src: url("@{font-path}@{fontfamily}.eot");
        src: url("@{font-path}@{fontfamily}.eot?#iefix") format('embedded-opentype'),
             url("@{font-path}@{fontfamily}.woff") format('woff'),
             url("@{font-path}@{fontfamily}.ttf") format('truetype'),
             url("@{font-path}@{fontfamily}.svg#@{fontfamily}") format('svg');
        font-weight: normal;
        font-style: normal;
    }
}

#font-face("entypo");
#font-face("entypo-social");
#font-face("fontawesome-webfonts");

@-ms-viewport{ width: auto !important; } 

.fixed 
{
	position: fixed;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
}

a {
    color: @lightgray;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover {
        color: @lightgray;
		text-decoration: none;
    }


	a.block {
		display:block;
		padding:0;
	}

textarea { font-family: inherit; }

.one-line {
	.fonts;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}


.no-wrap {
	white-space: nowrap;
}

.clear-both {
	clear: both;
}

.cursor-pointer{
    cursor: pointer;
}


.block {
	display: block;
}

.fonts()
{
	font-family: Source Sans Pro, Helvetica Neue, Arial, san-serif;
}

.box-shadow (@string) {
	-webkit-box-shadow: @string;
	-moz-box-shadow:    @string;
	box-shadow:         @string;
}

.linear-gradient(@string){
	-webkit-linear-gradient: @string;
	-moz-linear-gradient: @string;
	linear-gradient: @string;
}

.gradient (@startColor: #eee, @endColor: white) {
	background-color: @startColor;
	background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
	background: -webkit-linear-gradient(top, @startColor, @endColor);
	background: -moz-linear-gradient(top, @startColor, @endColor);
	background: -ms-linear-gradient(top, @startColor, @endColor);
	background: -o-linear-gradient(top, @startColor, @endColor);
}

.background-cover()
{
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.body-m() {
	.fonts;
	font-size: 16px;
	line-height: 2.344em ;
	font-style: regular;
}

.border-radius (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius:    @radius;
	border-radius:         @radius;

	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}

.border-radius(@string){
	-webkit-border-radius: @string;
	-moz-border-radius: @string;
	border-radius: @string;

	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}

.primary-button(){
	-webkit-appearance: none;
	.fonts;
	color: @white;
	background-color: @orange;
	.box-shadow(inset 0 -2px 1px rgba(0,0,0,.1));

	border: none;

	&:hover
	{
		background-color: lighten(@orange, 10%);
		.box-shadow( inset 0 -2px 1px rgba(0,0,0,.1));

	}

	&:active
	{
		background-color: darken(@orange, 10%);
		.box-shadow(inset 0 2px 1px rgba(0,0,0,.1));
	}

	&:disabled
	{
		background-color: @orange;
		opacity: 0.60;
		.box-shadow(none);
	}
} 

.button-group button
{
	.med-text;
	.box-shadow(none);
	outline: none;
	-webkit-appearance: none;
	margin: 0;
	margin-left: -3px;
	border: none;
	border-top: 1px solid @gray;
	border-bottom: 1px solid @gray;
	border-left: 1px solid @mediumgray;
	padding: 8px 15px;
	text-align: centered;
	background-color: @gray;
	color: @lightgray;

	&:hover, &:active 
	{
		background-color: @lightgray;
		color: @gray;
		cursor: pointer;
	}
}

.button-group button.left 
{
	border-left: 1px solid @gray;
	margin-left: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.button-group button.right 
{
	border-right: 1px solid @gray;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.button-group button.selected 
{
	background-color: @white;
	color: @mediumgray;

	&:hover, &:active 
	{
		background-color: @lightgray;
		color: @gray;
		cursor: pointer;
	}
}

.primary-button-d-large() {
	.primary-button;
	border-radius: 4px;
	/*height: 60px;*/
	font-size: 1.5em ;
	font-weight: bold;
	
}

.primary-button-m-large {
	.primary-button;
	border-radius: 5px;
	height: 45px;
	font-size: 16px;
	font-weight: bold;
}

.primary-button-small {
	.primary-button;
	border-radius: 4px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	min-width: 100px;
}

.primary-button-small-nocolor {
	background-color: transparent;
	border: 1px solid @teal;
	border-radius: 4px;
	color: @teal;
	font-weight: 600;
	height: 30px;
	min-width: 100px;

	&:hover
	{
		background-color: @lightergray;
	}

	&:active
	{
		background-color: @lightergray;
		border: 1px solid @teal;
		box-shadow: inset 0 3px 1px rgba(0,0,0,.1);
	}

	&:disabled
	{
		background-color: @white;
		opacity: 0.40;
		.box-shadow(none);
	}
}

.primary-button-small-s {
	.primary-button-small;
	position: fixed;
	top: 60px;
	right: 0;
	margin-right: 10px;
}

.debut-light {
	background: url("../Images/debut_light_white@2X.png");
}


.mobile-login-wrapper {
	padding: 0;
	/*margin-left: 5%;
	margin-right: 5%;*/
	/*width: 90%;*/
	
}

.validation-summary-errors {
    color: @red;
	text-align: left;
    font-weight: bold;
    font-size: 1.1em;
	margin-top: 1.1em;
	margin-bottom: 1.1em;

}

.field-validation-error {
    .validation-summary-errors;
	float: left;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	padding: .5em;
	background-color: @verylightred;
	width: 100%;
}

input.input-validation-error {
    background-color: @verylightred;
}

html {
	
}

body, .reg-text {
	.fonts;
	font-size: 16px;
	line-height: 1.375em ;
	
}
.small-text {
	.fonts;
	font-size: 0.875em;
	line-height: 1.125em ;
	style: regular;
}
.med-text {
	.fonts;
	font-size: 1.125em ;
	/*line-height: 1.357em ;*/
	
	style: regular;
}

.reg-text {
	.fonts;
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 400;
}

.large-text {
	.fonts;
	font-size:1.313em;
	line-height: 1.5em;
}

.h1 ()
{
	.fonts;
	font-size: 1.750em ;
	line-height: 2.500em ;
	font-weight: 200;
}

h1 {
	.h1;
}

body.error-page
{
	padding: 30px;
	
}

.error-orange 
{
	color: @orange;
	line-height: 1.0em;
	margin-top: 0;
}

.error-orange-big
{
	.large-text;
	color: @orange;
	margin: 20;
}


.error-page-container 
{
	.box-shadow(3px 4px 10px rgba(@lightgray,.75));
	float: left;
    margin-top: 40px;
	margin-bottom: 100px;
	background-color: @white;
	width: 100%;
	text-align: left;
	padding: 30px;
	.border-radius();
}

.appt-not-found-d.notfound-top-margin {
	top: 220px;
}

input[type="checkbox"] 
{
	-webkit-apperance: button;
	margin-left: 0;
}

textarea:focus,
input:focus
{
	outline: 0;
	
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus::placeholder { color:transparent; }

::-ms-reveal,
::-ms-clear {
  display:none;
  font-size: 1px;
}

.float-left 
{
	float: left;
}

.float-right
{
	float: right;
}

.unhappy-tooth 
{
	height: 200px;
	width: 145px;
	background: url("../Images/UnhappyTooth_browser_200.svg") no-repeat left;
	background-color: @white;
	background-size: 100px;
	background-position: center;
	padding: 20px;
	margin: auto;
}

.error-content 
{
	max-width: 495px;
}

.error-reasons 
{
	
	font-weight: bold;
	color: @mediumgray;
	padding-top: 20px;
	padding-bottom: 20px;
}


.error-list-header 
{
	text-align: left;
	
}

ul.try-list 
{
	text-align: left;
	list-style-type: disc;
	list-style: initial;
	margin-left: 30px;
	padding-bottom: 20px;
}

ul.try-list.contact
{
	padding-bottom: 5px;
}

.try-list li
{
	text-align: left;
	
	padding: 0px;
}

.try-list li a
{
	color: @teal;
	padding: 0;
}



.noscript {
	.fonts;
	
	background-color: @white;
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	
	text-align: center;
	font-weight: semibold;
	color: @red;
}


.noscript h1 {
	.h1();
	color: @red;
	font-weight: normal;
	margin-top: 0px;
	
}

.wrapper-error 
{
	background-color: transparent;
    clear: both;
    padding-bottom: 0px;
	max-width: 700px;
	margin: auto;
	
}

.wrapper-m {
	background-color: transparent;
    clear: both;
    padding-bottom: 0px;
	max-width: 400px;
	margin: auto;
	text-align: center;
}

.wrapper-d { 
	.wrapper-m;
	max-width: none;
	min-width: 960px;
	position: relative;
}

.wrapper-m-nav {
	.wrapper-m;
	padding-top: 50px;
	overflow: hidden;
	padding-bottom: 0px;
	max-width: none;
}

.left {
	text-align: left;
}

.wrapper-m .noscript
{
	#loginForm;
	
	position: relative;
	background-color: white;
	padding: 30px;
	
	
	margin-bottom: 300px;
	min-height: 215px;
	font-size: 1.2em;

}

.white {
	background-color: @white;
}

.white-shadow {
	.white;
/*	.box-shadow( inset 0 0 3px rgba(@darkgray,.3));*/
}

body-m {
	.body-m;
}
small-text-m {
	.body-m;
	font-weight: semibold;
	font-size: 1.500em (24/16px);
	line-height: 1.875em (30/16px);
}
med-text-m {
	font-style: semibold;
	font-size: 2.250em (36/16px);
	line-height: 2.500 (40/16px);
}
h1-m {
	.body-m;
	font-weight: light;
	font-size: 3.000em (48/16px);
}


.alert-dialog {
	border-radius: 5px;
	border: 1px solid @lightgray;
	background-color: @palegray;
	box-shadow: 1px 2px 5px rgba(@lightergray, .25);
	position: relative;
	width: 85%;
	max-width: 280px;
	margin: auto;
	
}

.alert-d .alert-text {
	.med-text;
	color: @darkgray;
	font-weight: 600;
	text-align: center;
	padding-top: 15px;
	padding-bottom:  15px;
	padding-left: 20px;
	padding-right: 20px;
}

.alert-m .alert-text {
	.med-text;
	color: @darkgray;
	font-weight: 600;
	text-align: center;
	padding-top: 15px;
	padding-bottom:  15px;
	padding-left: 20px;
	padding-right: 20px;
	max-height: 175px;
	overflow-y: auto;
}

.alert-wrapper {
	position: absolute;
	width: 100%;
	top: 35%;
	
	left: 0;
	right: 0;
}

.alert-button {
	.med-text;
	color: @alertbutton;
	width: 49%;
	background-color: @palegray;
	border-radius: none;
	border: none;
	font-weight: 600;
	border-top: 1px solid @lightgray;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	margin-bottom: 2px;
	outline: none;
}

.alert-d .alert-button {
	&:hover, &:active {
		cursor: pointer;
	}
	&:active {
		box-shadow: inset 0 3px 1px rgba(0,0,0,.1);
	}
}

.alert-m .alert-button {
	&:hover, &:active {
		cursor: pointer;
		box-shadow: inset 0 3px 1px rgba(0,0,0,.1);
	}
}

.alert-button-default {
	font-weight: 700;
	border-left: 1px solid @lightgray;
}

.alert-button-ok {
	.alert-button;
	font-weight: 700;
	width: 100%;

	&:hover {
		cursor: pointer;
	}
}

.login-input {
	border: none;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top:0px;
	margin-bottom: 0px;
	font-size: 1.313em;
	border-bottom: solid 1px @lightgray;
}


/* login page */
#loginForm_m {
    
    float: left;
    
	background-color: @white;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	.border-radius();
}

    #loginForm_m .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm_m .validation-summary-errors ul,
    #loginForm_m .summary-inf ul {
        margin: 0;
        padding: 0;
    }

    #loginForm_m .validation-summary-errors li,
    #loginForm_m .summary-inf li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm_m input {
        .login-input
    }


	#loginForm_m input[type="text"],
	#loginForm_m input[type="password"]
	{
		.fonts;
		
		border-radius: 0px;
		/*height:40px;*/

	}

	
	
	
	

	#loginForm_m fieldset
	{

		padding-left: 15px;
		padding-right: 15px;
		
	}

	#loginForm_m fieldset ol
	{
		margin-top:15px;
	}

	#loginForm_m fieldset ol li
	{
		padding: 0px;
		margin: 0px;
		
	}

	/*
    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }*/

.background-d 
{
	background: url("../Images/debut_light_gray@2X.png");
	overflow: hidden;
}

.background-scrollable-d 
{
	.background-d();
	overflow-y: auto;
	overflow-x: hidden;
}

.login-button-m
{
	.primary-button-d-large();
	width: 94%;
	padding-bottom: 20px;
	padding-top: 0px;
}

.login-background-d
{
	background: url("../Images/debut_light_gray@2X.png");
	
	height:100%;
	

	.login-background-d	.validation-summary-errors,
    .login-background-d	.summary-inf
	{
		margin: 0;
		padding: 0;
	}
}
	.login-background-d	.validation-summary-errors ul,
    .login-background-d	.summary-inf ul
	{
		margin: 0;
		padding: 0;
	}

	.login-background-d	.validation-summary-errors li,
    .login-background-d	.summary-inf li
	{
		list-style: none;
		padding: 30px;
		margin: auto;
		text-align: center;
		padding-left: 160px;
		padding-right: 160px
	}

.login-background-daadmin
{
	height:100%;
	background-color: @darkgray;
}

	.login-background-daadmin .validation-summary-errors,
    .login-background-daadmin .summary-inf
	{
		margin: 0;
		padding: 0;
	}

	.login-background-daadmin .validation-summary-errors ul,
    .login-background-daadmin .summary-inf ul
	{
		margin: 0;
		padding: 0;
	}

	.login-background-daadmin .validation-summary-errors li,
    .login-background-daadmin .summary-inf li 
	{
		list-style: none;
		padding: 30px;
		margin: auto;
		text-align: center;
		padding-left: 160px;
		padding-right: 160px;
	}


.login-background-daadmin .browsers, .login-background-daadmin .browser, .login-background-daadmin .login-footer-d
{
	text-shadow: none;
}

.login-background-daadmin #loginForm
{
	.box-shadow(none);
}



#validationSummary, #domainSummary
{
	margin: auto;
}
.summary-inf
{
    .validation-summary-errors;
    color: @teal;
}

.login-background-m
{
	.login-background-d;
	
	
	background: none;
	
	overflow-x: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;

	max-width: 100%;
	
	background-color: darken(@mediumgray, 20%);
}

.sb-slidebar {
	padding-top: 50px;
	
	.login-background-d;

	.gradient(@darkgray, @mediumgray);
	.background-cover();
	
	
	
	overflow-x: hidden;
	
	background-repeat: no-repeat;
	
	
	max-width: 100%;
}

.no-js #loginForm 
{
display: none;
}


.no-js #loginForm_m
{
display: none;
}

#loginForm {
	.box-shadow(3px 4px 10px rgba(@lightgray,.75));
	float: left;
    margin-top: 100px;
	margin-bottom: 80px;
	background-color: @white;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	.border-radius();

	

	
}
	


	#loginForm input[type="text"],
	#loginForm input[type="password"]
	{
		.fonts;
		border-radius: 0px;
		/*height:40px;*/
		
	}

	


	#loginForm input {
        .login-input;
		margin-top:10px;
    }

	
	

	#loginForm fieldset
	{
		padding-left: 15px;
		padding-right: 15px;
		
	}

	#loginForm fieldset ol
	{
		margin-top:5px;
	}

	#loginForm fieldset ol li
	{
		padding: 0px;
		margin: 0px;
	}

	#loginForm .noscript
	{
		position: relative;
		background-color: transparent;
	}

	#loginForm .noscript .wrapper-d
	{
		position: fixed;
		background-color: white;
		margin-top: 5px;
		padding: 25px;
		width: 310px;
		height: 150px;
	}

.login-nav 
{
	height: 80px;
	background: url("../Images/DAlogo_BK_2015.svg") no-repeat left;
	background-color: @white;
	background-size: 266px;
	background-position: 80px;
}

.login-daadmin-nav 
{
	height: 80px;
	background: url("../Images/DAlogo_WH_2015.svg") no-repeat left;
	background-color: @darkgray;
	background-size: 266px;
	background-position: 80px;
}

.login-daadmin-header
{
	.med-text;
	color: @white;
	text-align: center;
	font-weight: 700;
	padding-top: 40px;
}

.desktop-nav
{
	background-color: @white;
	height: 50px;
	
	max-width: none;
	
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid @lightergray;
	z-index: 1500;
}

.desktop-nav-logo 
{
	background: url("../Images/DAlogo_BK_2015.svg") no-repeat left;
	background-size: 180px;
	height: 50px;
	position: absolute;
	width: 100%;
	left: 80px;
}

.desktop-nav-items
{
	position: absolute;
	left: @sidebarwidth;
	.med-text;
	
	min-width: 400px;
	
}



.desktop-nav-items a
{
	float:left;
	padding: 16px;
	padding-left: 15px;
	padding-right: 15px;
	color: @mediumgray;

	&:hover
	{
		color: darken(@mediumgray, 10%);
		cursor: pointer;
		text-decoration: none;
	}

	&:active
	{
		color: @orange;
		text-decoration: none;
	}

	
}

a.desktop-nav-selected 
{
	color: @orange;
}

.desktop-nav-menu
{
	float: right;
	
	
	color: @mediumgray;
	margin-top: 8px;
	position: absolute;
	right: 80px;
	text-align: left;
	margin-top: 0px;
	border-radius: none;

	&:hover
	{
		color: @gray;
		cursor: pointer;
	}
}

.desktop-nav-menu .fa
{
	font-size: 16px;
	color: @lightgray;
	position: relative;
	top: -2px;
	left: 5px;
}

.desktop-nav-menu .btn 
{
	padding-top: 16px;
	padding-right: 8px;
	display: block;
	.med-text;
	color: @mediumgray;
	border: none;
	.box-shadow(none);
	background-color: white;
		
	border-radius: none;

	&:active, &:focus
	{
		.box-shadow(none);
		border: none;
		outline: none;
		background-color: white;
		color: @mediumgray;
	}
}

.menu ul,
.mobile-menu ul { 
    display: none; /* Hide before plugin loads */
} 

.menu ul.dropit-submenu {
	left: auto;
	right: 0;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 6px 0;
    margin: 10px 0 0 1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
            box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    & a {
	    .med-text;
        display: block;
        color: #7a868e;
        padding: 0 18px;
	    padding-top: 8px;
	    padding-bottom: 8px;
        &:hover {
            background: @orange;
            color: #fff;
            text-decoration: none;
        }
    }
}          

.mobile-menu ul.dropit-submenu {
	background-color: @mediumgray;
    padding-top: 7px;
	padding-bottom: 7px;
	left: auto;
	right: 15px;
	top: 50px;
	min-width: 0;

    & a {
	    .med-text;
        display: block;
    
        text-align: center;
        color: @lightgray;
        padding: 0 18px;
	    padding-top: 8px;
	    padding-bottom: 8px;
    }
}

.desktop-nav-menu .dropdown-menu
{
	.med-text;
	color: @mediumgray;
	margin-top: 0px;
}

.desktop-nav-menu .dropdown-menu li a {
	height: 40px;
	padding-top: 8px;
	color: @mediumgray;

	&:hover, &:active, &:focus
	{
	    color:@white;
	    background-color: @orange;
	    background-image: none;
	    filter: none;
	}
}

.dropit-submenu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.login-logo-m
{
	width: 100%;
	height: 15px;
	background: url("../Images/DAlogo_WH_2015.svg") no-repeat center;	
	background-size: 80%;
	padding-top:30px;
	padding-bottom:30px;
}

.login-logo-m-black
{
	.login-logo-m;
	background: url("../Images/DAlogo_BK_2015.svg") no-repeat center;
	background-size: 75%;
	max-height: 30px;
	background-position:center;
}

.browsers 
{
	.med-text;
	color: @gray;
	text-align: center;
	text-shadow: 1px 2px rgba(@white,.5);
}

.no-js .browsers {
	display: none;
}

.browser-wrapper {
	display: inline-block;
	
	text-align: center;
	color: @gray;
	text-shadow: 1px 2px rgba(@white,.5);
}

.no-js .browser-wrapper {
	display: none;
}

.browser 
{
	.fonts;
	.small-text;
	padding:20px;
}

.login-footer-m
{
	.fonts;
	.small-text;
	color: @gray;
	/*
	background: url("../Images/ExanSwirl.svg") no-repeat;
	background-position: bottom;
	background-size: 100%;*/
	padding-bottom: 40px;
	
}

.login-footer-d {
	.login-footer-m;
	text-shadow: 2px 3px rgba(@white,.5);
	padding-bottom: 120px;
}

.show-hide-pw 
{
	.fonts;
	.small-text;
	font-size: 1em;
	background-color: transparent;
	color: @teal;
	
	border: none;
	
	padding: 0.5em;
	
	outline: 0;
}

.hideShowPassword-wrapper
{
/*	border-bottom: solid 1px @lightgray;*/

}


.bottom-swirl-m  
{
	
	min-height: 100%;

	background: url("../Images/ExanSwirl_1000.svg") no-repeat;
	background-position: bottom;
	background-size: 100%;
	padding-left: 1em;
	padding-right: 1em;

	overflow-x: hidden;

	max-width: 100%;
}

.bottom-swirl-d
{
	min-height: 100%;
	background: url("../Images/ExanSwirl_2048.svg") no-repeat;
	background-position: bottom;
	background-size: 100%;
}

.goto-full
{

	.fonts;
	font-size:1em;
	line-height: 1.25em ;
	color:@lightergray;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 40px;
	clear: both;
}

.goto-mobile
{
	float: right;
	padding-right: 20px;
	padding-top: 30px;
}
#GoToMobileLink
{	.fonts;
	.large-text;
	color:@teal;
}

.center {
	text-align: center;
}

.visible {
	display: visible;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.alert 
{
	padding: 0;
	display: inline;
	width: 100%;
	min-height: 80px;
	position: absolute;
	left: 0;
	text-align: center;
	background-color: @verylightred;
	margin: 0;

	.box-shadow( inset 0 0 12px rgba(@red,.1));
}
.alert-inf
{
    .alert;
	background-color: @scheduler_today;
	.box-shadow( inset 0 0 12px rgba(@teal,.1));
}
.close 
{
	z-index: 1;
	display: block;
	
	position: absolute;
	text-align: right;
	right: 80px;
	top: 29px;
	.med-text;
	color: @lightgray;	

}

.close:hover {
	color: @lightgray;
	cursor: pointer;
}




.mobile-icons {
	font-size: 90px;
	color: @teal;
	text-shadow: 3px 4px 5px rgba(@mediumgray,.15);
}

	.mobile-icons-left {
		.mobile-icons;
		
		
	}

	.mobile-icons-right {
		.mobile-icons;

	}

.mobile-icon-container {
	text-align: center;
	padding-bottom: 0;
	padding-top: 30px;
	width: 50%;
	float:left;
	
}

.mobile-icon-label {
	.fonts;
	color: @gray;
	font-size:1.1em;
	line-height: 1.375em ;
	padding-top: 15px;
	text-shadow: 1px 2px 4px rgba(@mediumgray,.3);
}

.mobile-icon-new-label
{
	.fonts;
	color: @mediumgray;
	text-shadow: 1px 2px 4px rgba(@mediumgray,.3);
}


.mobile-mail-wrapper {
	position:relative;
	width: 90px;
	margin: auto;
}

.new-mail-circle {
	.small-text;
	font-weight: bold;
	font-size: 1em;
	position: absolute;
	top: 0px;
	right: -10px;
	padding: 6px;
	text-align: center;
	background-color: @orange;
	color:@white;
	border-radius: 20px;
	min-width:30px;
	.box-shadow( 3px 4px 5px rgba(@mediumgray,.15));
}

.mobile-top-nav {
    .one-line;
	width: 100%;
	display: inline-block;
	background: @darkgray;
	height: 50px;
	.med-text;
	color: @gray;
	text-align: left;

	position: fixed;
	right: auto;
	left:auto;
	
	z-index: 1030;
	top:0;
	
}

.mobile-top-nav-title {
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	text-align: center;
	padding: 14px 50px 0 0;
	z-index: -1;
}

.mobile-menu-item  {
	.med-text;
	color: @lightgray;
	font-weight: normal;
	text-decoration: none;
	
}

	.mobile-menu-item:hover {
		cursor:pointer;
	}

	.mobile-menu-item .icon {
		float: left;
		padding: 13px;
		height: 40px;
		width: 45px;
		overflow: hidden;
	}

	.mobile-menu-item .mobile-menu-label {
		overflow:hidden;
		
		padding: 10px;
		padding-left: 0;
		padding-top: 10px;
	}

.mobile-menu-item-border {
	margin-left: 45px;
		
	border-bottom: 1px solid @mediumgray;
}

.mobile-menu-clicked {
	background-color: @orange;
	color: @white;
}


a.dark-burger {
	color: @gray;
	font-size: 21px;
	
	top: 0;
	left: 0;
	z-index: 2;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	float:left;
	
	width: 50px;
	height: 50px;
}

.mobile-urgent-wrapper {
	float:right;
	z-index: 1;
}



a.urgent-msg-container {
	font-size: 21px;
	text-align: center;
	height: 50px;
	width: 60px;
	z-index: 2;
	top: 0;
	right: 0;
	padding-top: 12px;
	
	position: absolute;
	color: @white;
	background-color:@orange;
	text-decoration: none;

	&:hover 
		{
			cursor: pointer;
			text-decoration: none;
		}
}

.desktop-urgent-wrapper {
	float:right;
	
}
	.desktop-urgent-wrapper a.urgent-msg-container {
		padding-top: 14px;
		.box-shadow(inset 0 -4px 1px rgba(0,0,0,.1));
		right: 10px;

		
	}


.last-updated 
{
	.fonts;
	color: @gray;

	text-shadow: 1px 2px 4px rgba(@mediumgray,.3);
	
	clear: both;
	
	padding-top: 30px
}


.messenger-top-nav
{
	.med-text;
	width: 100%;
	height: 50px;
	position: fixed;
	background-color: @mediumgray;
	top: 50px;
	z-index: 1000;
	left: 0;
}

.messenger-top-nav-compose
{
	.messenger-top-nav(); 
	position: relative;
	top: 0;
	margin-bottom: 0;
}

.messenger-top-nav-compose-b
{
	.messenger-top-nav(); 
	position: relative;
	top: 0;
	margin-top: 50px;
	
}

.messenger-top-nav-compose-b a.right
{
	top: 0;
	
	z-index: 1001;
	padding-top: 14px;
	
	padding-right: 15px;
	float:right;
	
	
	height: 50px;
	&:hover {
		cursor: pointer;
	}
}

.messenger-top-nav-compose-b a.left
{
	.one-line;
	top: 0;
	left: 0;
	z-index: 2;
	padding-top: 14px;
	padding-left: 15px;
	padding-right: 15px;
	float:left;
	max-width: 50%;
	
	
	height: 50px;

	&:hover {
		cursor: pointer;
	}
}

.messenger-top-nav a.left,
.messenger-top-nav-compose a.left
{
	.one-line;
	float: left;
    line-height: 50px;
	padding-left: 15px;
    right: 100px;
    width: auto;
	z-index: 2;
	&:hover {
		cursor: pointer;
	}
}

.messenger-top-nav a.left.cancel
{
	color: @gray;
	width: auto;
}

.messenger-top-nav-compose a.left.cancel
{
	color: @gray;
	max-width: 30%;

	&:active 
	{
		color: @white;
	}

}

.messenger-top-nav a.right,
.messenger-top-nav-compose a.right
{
	top: 0;
	
	z-index: 1001;
	padding-top: 14px;
	
	padding-right: 15px;
	float:right;
	
	
	height: 50px;
	&:hover {
		cursor: pointer;
	}
}

a.messenger-more 
{
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 30px;
	font-size: 21px;
	height: 50px;
	margin-left: 10px;
}

a.messenger-compose
{
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 8px;
	color: @teal;
	font-size: 23px;
	height: 50px;

	&:hover 
	{
		cursor: pointer;
	}
}

.messenger-title-wrapper {
	position: absolute;
	left: 100px;
	right: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}

.panel-header-title(@color, @textalign, @paddingleft, @fontWeight){
	color: @color;
	text-align: @textalign;
	
	font-weight: @fontWeight;
	padding-top: 14px;
	margin: auto;
	padding-left: @paddingleft;
	padding-right: auto;
	display: block;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

.messenger-nav-title {
	.panel-header-title(@lightgray, center, auto, 700)
}

.urgent
{
	color: @orange;
}


a.urgent
{
	color: @orange;
}

.mailbox-title 
{
	.med-text;
	text-align: center;
	padding: 15px;
	color: @mediumgray;
	font-weight: 600;
}

#spinner-overlay,
.messenger-loading, 
#message-search-overlay
{
	background-color: rgba(@darkgray, .25);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#message-search-overlay
{
	text-align: left;
	z-index: 1000;
}

.messenger-loading img
{
	
}

.spinner-loading-helper,
.messenger-loading-helper
{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ajax-loader-border 
{
	background-color: @ajax-loader-border;
	padding: 5px;
	.border-radius(10px);
	display: inline-block;
	height: 36px;
	width: 36px;
	padding-top: 6px;
}

.alert-overlay 
{
	.messenger-loading;
}

.custom-folders 
{
	.small-text;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: left;
}

.custom-folders-move
{
	.custom-folders;
	padding-left: 15px;
}

.messenger-folders 
{
	.messenger-loading;
	position: absolute;
	top: 50px;
	bottom: 0px;
	
	overflow-y: auto;
	
	color: @mediumgray;		
	z-index: 1001;
	
	background-color: @lightgray;
	height: auto;
	left: 0;
	right: 2px;
	-webkit-overflow-scrolling: touch;	
	overflow-x: hidden;
}

.messenger-folders-move 
{
	.messenger-folders;
	top: 100px;
}

#outboxes {
	overflow: hidden;
}

#inboxes {
	overflow: hidden;
}

.messenger-folder 
{
	position:relative;
}

.m-folder 
{
	.med-text;
	color: @mediumgray;		
	display: inline-block;
	padding: 15px;
	padding-left: 45px;
	padding-right: 45px;
	background-color: white;
	text-align: left;
	width: 100%;
	margin: 0;
	border: none;

	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
	
	&:hover 
	{
		hover: pointer;
	}

	
}

.m-folder-box
{
	.m-folder;
	padding-left: 25px;
	outline: none;
}

.m-folder-border
{
	background-color: white;
	display: block;
	border-bottom: 1px solid @lightgray;
	margin-left: 45px;
	position: relative;
}

.m-folder-border-box
{
	.m-folder-border;
	margin-left: 25px;
}

.messenger-folder a.m-folder
{
	.m-folder;
}

.messenger-folder a.m-folder-custom
{
	.m-folder;
	padding-left: 65px;
	
	
	
	
}

.m-folder-custom-border 
{
	.m-folder-border;
	margin-left: 65px;
}

.folder-icon 
{
	position: absolute;
	bottom: 18px;
	left: 15px;
	width: 30px;
	text-align: center;
	font-weight: normal;
	color: @gray;
}

.folder-icon-urgent 
{
	.folder-icon;
	.urgent;
}

.folder-icon-custom 
{
	.folder-icon;
	left: 35px;
}

.folder-icon-caret 
{
	.folder-icon;
	left: auto;
	right: 15px;

}


.urgent a.m-folder
{
	color: @orange;
	font-weight: 600;
}

.folder-icon-entypo
{
	.folder-icon;
	font-size: 30px;
	font-family: "entypo";
	bottom: 23px;
	font-weight: normal;
}


.messenger-empty 
{
	.med-text;
	color: @lightgray;
	font-weight: 600;
	height: 100%;
	padding: 10px;
}

.messenger-list {
	position: absolute;
	
	top: 100px;
	bottom: 0px;
	left: 0;
	right: 0;
	overflow-y: auto;
	/*padding-left: 15px;*/
	background-color: white;
	-webkit-overflow-scrolling: touch;	
}




.messenger-list-body {
	
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	padding-right: 15px;
	color: @gray;
}

.messenger-list-subject {
	.messenger-list-body;
	color: black;
}

.messenger-unread {
	color: @teal;
	font-size: 10px;
	height: 9px;
	vertical-align: top;
	padding: 6px;
	padding-left: 0px;
}

.messenger-urgent {
	color: @orange;
	font-size: 18px;
	padding-top: 2px;
}

.messenger-item 
{
	.fonts;
	text-align: left;
	display: block;
	-webkit-backface-visibility: hidden;
	
	padding-top: 10px;
	
	width: 100%;
	position: relative;

	&:hover {
		cursor: pointer;
	}
}

.messenger-item-border 
{
	padding-bottom: 10px;
	margin-left: 15px;
	border-bottom: 1px solid @lightergray;
}

.checked 
{
	background-color: lighten(@teal, 40%);
}

.selected 
{
	background-color: @gray;
}

	.selected .messenger-list-subject {
		color: white;
	}

	.selected .messenger-recipients-names  {
		color: white;
	}

	.selected .messenger-name  {
		color: white;
	}

	.selected .messenger-list-body  {
		color: @lightgray;
	}

	.selected .messenger-date  {
		color: @lightgray;
	}

	.selected .messenger-item-border {
		
		border: none;
	}

.messenger-item-col1 
{
	float: left;
	width: 30px;
	margin-left: 15px;
}

.messenger-item-check
{
	/*position: absolute;*/
	top: 0;
	height: 100%;
	width: 50px;
	left: -5px;
	
	&:hover {
		cursor: pointer;
	}
	
}

	.messenger-item-check input {
		
		
		margin: 0;
		/*margin-left: 20px;*/
		
		position: absolute;
		top: 40%;
		
		
	}

a.messenger-item-col2 
{	
	
	overflow-x:hidden;
	
	
	vertical-align: bottom;
	display: block;

	
}

.messenger-name-date-wrapper
{
	width: 100%;
	
}

.messenger-name 
{
	.med-text;
	color: @darkgray;
	font-weight: 400;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	
	float: left;
	padding-right: 100px;
}

.messenger-recipients-names 
{
	.messenger-name;
	white-space: nowrap;
}

.messenger-date 
{
	.small-text;
	font-weight: 400;
	color: @gray;
	
	position: absolute;
	
	right: 0;
	padding-right: 15px;
	padding-top: 5px;
	text-align: right;

}

.unread 
{
	font-weight: 700;
}

.patient 
{
	color: @green;
}

.clear 
{
	clear:both;
}

.hidden 
{
	color: transparent;
}


a.hidden 
{
	display: none;
}

.lightgray-caret
{
	color: @lightgray;
	font-size: 24px;
}

.teal-caret
{
/*
	font-family: "entypo";
	font-size: 50px;
	position: relative;
	top: -12px;
	
	height: 18px;
	vertical-align: bottom;
	*/

	color: @teal;
}

a.teal-caret
{
	padding: 0;
	&:active 
	{
		color: darken(@teal, 10%);
	}

	&:hover 
	{
		color: darken(@teal, 10%);
		cursor: pointer;
	}
}

.more-wrapper 
{
	width: 100%;
	
	padding-right: 15px;
	padding-left: 15px;
}

.load-more 
{
	.login-button-m;
	.med-text;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
	width: 100%;
	color: white;
}

a.load-more {
	.load-more;
	
	display: inline-block;
}

.last-updated-d 
	{
	 display: none;
	}


.messenger-shadow {
	.box-shadow( 3px 4px 5px rgba(@darkgray,.2));
	width: @sidebarwidth;
	top: 50px;
	bottom: 0px;
	position: absolute;
	z-index: 1;
}

.messenger-dummy {
	position: absolute;
	top: 50px;
	bottom: 50px;
	right: 0;
	left: @sidebarwidth;
	text-align: center;
	margin: auto;
	height: 160px;
}

#selected-messages {

	position: absolute;
	top: 50px;
	right: 0;
	left: @sidebarwidth;
	padding: 15px;
	bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;	
}

.message-selected-item
{
	margin-top: 15px;
	background-color: white;
	padding: 15px;
	position: relative;
}
	.message-selected-item .messenger-name
	{
		font-size: inherit;
		line-height: inherit;
	}

.messenger-selected-date 
{
	.fonts;
	color: @lightgray;
	padding-left: 10px;
}

a.message-selected-deselect 
{
	.med-text;
	color: @lightgray;
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px;

	&:hover 
	{
		cursor: pointer;
	}
}

.message-view
{
	position: absolute;
	top: 100px;
	bottom: 0px;
	right: 0;
	left: 0;
	
	background-color: white;
	padding:15px;

	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;	
	z-index: 10;
}

.message-view-text 
{
	padding-top: 20px;
	white-space: pre-wrap;
}

.message-view-subject 
{
	.large-text;
	color: @darkgray;
	font-weight: 600;
	
	line-height: 1.25em;
	width: 100%;	
}

.message-view-date 
{
	
	color: @gray;
	max-width: 340px;
}

.message-view-tofrom
{
	color: @darkgray;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	margin-right: -15px;

	border-bottom: 1px solid @lightgray;
}
	.message-view-tofrom .message-tofrom-label 
	{
		color: @gray;
	}

#messengerConfirmation
{
	width: 100%;
	position: fixed;
	bottom: 30px;
	z-index: 3000;
}
.confirmation-content
{
	background-color: rgba(@darkgray, .95);
	border-radius: 5px;
	padding: 20px;
	
	
	.fonts;
	font-weight: 600;
	color: @white;
	text-align: center;
	left: 0;
	margin-left: 15px;
	margin-right: 15px;
	
}

.messenger-container-d {
	width: @sidebarwidth;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	
	position: absolute;
	
	background-color: white;
	top: 50px;
	bottom: 50px;
}

	.messenger-container-d .messenger-top-nav
	{
		width: @sidebarwidth;
		
	}

	.messenger-container-d .wrapper-m-nav
	{
		margin-top: 0px;
		margin-bottom: 0;
		padding-top: 0;
	}


	.messenger-container-d .messenger-folders
	{
		position: fixed;
		width: @sidebarwidth;
		
		overflow-x: hidden;
		z-index: 1001;
		top: 50px;
		bottom: 50px;
		min-height: 0;
		height: auto;
		left: 0;
		right: 2;
		
	}

	.messenger-container-d .messenger-folders-move
	{
		position: fixed;
		width: @sidebarwidth;
		
		overflow-x: hidden;
		z-index: 1001;
		top: 50px;
		bottom: 50px;
		min-height: 0;
		height: auto;
		left: 0;
		right: 2;
		
	}

	.messenger-container-d .messenger-list
	{
		margin-top: 0;
		top: 0px;
	}

	.messenger-container-d .last-updated-d 
	{
		.small-text;
		background-color: @lightgray;
		color: @mediumgray;
		position: fixed;
		height: 50px;
		width: @sidebarwidth;
		text-align: center;
		bottom: 0;
		left: 0;
		padding-top: 18px;
		display: block;
		z-index: 1500;
	}

	

	.messenger-container-d .message-view
	{
		position: fixed;
		left: 360px;
		top: 50px;
		border: 1px solid @lightgray;
		border-top: none;
		min-width: 600px;
		overflow-x: auto;
	}

	.messenger-container-d .message-view-subject 
	{
		padding-right: 270px;
	}

	.messenger-container-d #message-view-bar, .message-view-bar
	{
		position: absolute;
		height: 0;
		width: 0;
		display: none;
		overflow: hidden;
	}

	.messenger-container-d .message-view-bar
	{
		float:right;
		display: block;
		right: 0;
		top: 0;
		height: auto;
		width: auto;
		padding: 20px;
		font-size: 21px;
		padding-right: 8px;
	}

	.messenger-container-d #messengerConfirmation
	{
		width: @sidebarwidth;
		bottom: 80px;
	}

	.messenger-container-d #message-move-bar-d
	{
		display: block;
	}


	
#message-move-bar-d
{
	
	display: none; // don't show in mobile
}

#message-move-bar-d a 
{
	.med-text;
	color: @mediumgray;
	float: right;
	padding: 15px;
	&:hover 
	{
		cursor: pointer;
		
	}
}

.messenger-move-title 
{
	.med-text;
	float: left;
	padding: 15px;
	font-weight: 600;
}

#message-view-bar 
{
	z-index: 1001;
}

#message-view-bar a.right
{
	padding: 15px;
	padding-left: 8px;
}

#message-view-bar .fa
{
	font-size: 21px;
}

#a_reply, .mobile-menu
{
	z-index: 5000;
}

#a_reply2 
{
	position: absolute;
	right: 0;
	padding: 15px;
}

.message-view-bar a
{
	padding: 15px;
	padding-right: 8px;


	&:active
	{
		color: darken(@lightgray, 10%);
	}
	&:hover 
	{
		cursor: pointer;
		color: darken(@lightgray, 10%);
	}
}

.cc-line {
	display: block;
}

.message-view-bar a.teal-caret
{
&:active
	{
		color: darken(@teal, 10%);
	}
	&:hover 
	{
		cursor: pointer;
		color: darken(@teal, 10%);
	}
}

.smilie-mail {
	.fonts;
	color: @gray;
	text-shadow: 1px 2px rgba(@white, .5);
	position: relative;
	padding-top: 10px;
}
	
img.smilie-mail {
	width: 150px;
	text-align: center;
	
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
	position: relative;

}

/* Message Compose Section */

#message-compose-d
{
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: white
}

#message-compose-d .messenger-top-nav-compose
{
	.messenger-top-nav(); 
	//position: fixed;
	//top: 50px;
	margin-bottom: 0;

}

#message-compose-d div.token-input-dropdown-facebook
{
	width:  360px;
	max-height: 140px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#message-compose-d .token-input-token-facebook p
{
	max-width: none;
}

#message-compose-d #message-compose fieldset 
{
	
	top: 50px;
	padding-left: 80px;
	padding-right: 80px;
	min-width: 960px;
}

#message-compose-d #message-compose  > .messenger-top-nav-compose
{
	background-color: @white;
	
	
	
	padding-left: 80px;
	padding-right: 80px;
	min-width: 960px;

}

#message-compose-d #message-compose  > .messenger-top-nav-compose > .nav-border
{
	width: 100%;
	border-bottom: 2px solid rgba(@teal, .2);
}

#message-compose-d #message-compose  > .messenger-top-nav-compose > a
{
	padding-left: 0;
	padding-right: 0;
}

#message-compose-d #message-compose-search
{
	position: absolute;
	width: 360px;
	right: 0;
	top: 100px;
	bottom: 0;
	
	z-index: 1001;
}

#message-compose-d #message-compose .urgent-area 
{
	height: auto;
	min-height: auto;
	position: absolute;
	top: -3px;
	right: 0px;
	width: 160px;
	border: none;
	max-height: 44px;
}

#message-compose-d #message-compose-search .result-area-list
{
	width: 360px;
	top: 200px;
	right: 0;
	left: auto;
	
}

#message-compose-d #message-compose-search .messenger-top-nav-compose
{
	width: 360px;
	top: 50px;
	right: 0;
	left: auto;
}

#message-compose-d #message-compose .search-glass-area
{
	
	
}

#message-compose-d #message-compose #a-send.disable {
  color: @lightgray;
}

#message-compose-d #message-compose .recipient-area
{
	width: 92%;
}


#message-compose 
{
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
	
.message-compose-wrapper 
{
	width: 100%;
	//position: relative;
	z-index: 1;
}

#infoForm
{
	background-color: @white;
}

#message-compose fieldset 
{
	padding-left: 15px;
	padding-right: 15px;

	position: absolute;
	width: 100%;
	overflow: auto;

	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
    -webkit-overflow-scrolling: touch; /* before caused problem in iphone with search dropdow and scrolling */
}

#message-compose .field-area
{	
	clear: both;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 44px;
	width: 100%;
	border-bottom: solid 1px @lightgray;
	overflow-y: hidden;
	
}

#message-compose #a-send.disable {
  color: darken(@mediumgray, 10%);
}

#message-compose #a-send {
  color: @teal;
}

#message-compose #a-send:not(.disable):active {
  color: lighten(@teal, 10%);
}

#message-compose textarea
{
	border: none;
	font-size: 1em;
	line-height: 1.375em;
	/*height: 29px;*/
	padding-top: 5px;
	resize: none;
}

.label-compose
{
	color: @gray;
	font-size: 1em;
	line-height: 1.375em;
}

.label-urgent
{
	.label-compose;
	color: @mediumgray;
}

.urgent-subject-wrapper {
	position: relative;
	clear: both;
}

#message-compose .exclamation
{
	color: @orange;
	height: 18px;
	margin-top: 5px;
}

#message-compose .a-search
{
	padding-right: 0;
	float: right;
	margin-right: 2px;
	margin-top: 3px;

	&:hover {
		cursor: pointer;
	}
}

#message-compose .search-magnifying-glass 
{
	color: @lightergray;
	height: 16px;
}

#message-compose .urgent-area
{
	height: 48px;
}

#message-compose .urgent-left
{
	float: left;
	margin-top: 5px;
	/*margin-right: 5px;*/
}

#message-compose .recipient-area
{
	
	width: 79%;
	float: left;

}

#message-compose .recipient-area input
{
	margin-top: 5px;
}

#message-compose .search-glass-area
{
	
	float: right;
}

#message-compose .autoresize
{
	min-height: 1.375em;
	font-size: 1em;
	line-height: 1.375em;
	min-height: 30px;
    overflow-y: hidden; /* fixes scrollbar flash - kudos to @brettjonesdev */
}

#message-compose #Subject
{
	width: 75%;
	word-break: break-all;
	overflow-y: hidden;
}

#message-compose #MessageText
{
	margin-top: 5px;
	width: 95%;
}

#message-compose input[type="text"]:disabled
{
	background: @white;
}


/* Panding to implement RichText Area control 
#message-compose .jHtmlArea
{
	width: 79%;
}
#message-compose .ToolBar
{
	display: none;
}
#message-compose div .jHtmlArea iframe
{
	width: 79%;
	min-height: 20px;
}
*/

#message-compose-search 
{
	background-color: white;
	height: 100%;
}

#message-compose-search .messenger-title-wrapper {
	position: absolute;
	left: 100px;
	right: 100px;
	margin-top: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: @verylightgray;
}

#message-compose-search #search-title
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	color: @lightgray;
	font-weight: 600;
}


#message-compose-search .tab-area
{
	.med-text;
	width: 100%;
	height: 50px;
	z-index: 1000;
	left: 0;
	/*margin-top: 50px;*/
}


#message-compose-search .tabs 
{
	/*padding-top: 25px;*/
}

#message-compose-search .search-area
{
	padding-top: 10px;
	height: 40px;
	width: 100%;
	left: 0;

	text-align:center;
}

#message-compose-search .search-item
{
	font-size: 0.875em;
	font-weight: 400;
	color: @mediumgray;
	width: 90%;
	height:30px;
	border-radius: 5px;
	border: 1px solid @lightgray;
	background-color: @white;
	box-shadow: inset 0 0 1px rgba(@gray,.75);
	padding-left: 5px;
}

.search-place-holder {
	font-size: 0.875em;
	font-weight: 400;
	color: @lightgray;
	padding-top: 2px;
}

/* Change of the place holder */
#message-compose-search .search-item::-webkit-input-placeholder { .search-place-holder; }
#message-compose-search .search-item::-moz-placeholder { .search-place-holder; }
#message-compose-search .search-item:-ms-input-placeholder { .search-place-holder; }
#message-compose-search .search-item:-moz-placeholder { .search-place-holder; }


#message-compose-search .search-item::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f002 ';  color: @lightgray; margin-left: 5px; padding-top: 2px; }
#message-compose-search .search-item::-moz-placeholder::before  { font-family: fontAwesome; content:'\f002\ '; color: @lightgray; margin-left: 5px; padding-top: 2px; } /* firefox 19+ */
#message-compose-search .search-item:-ms-input-placeholder::before { font-family: fontAwesome; content:'\f002 ';  color: @lightgray; margin-left: 5px; padding-top: 2px; }
#message-compose-search .search-item:-moz-placeholder::before { font-family: fontAwesome; content:'\f002 ';  color: @lightgray; margin-left: 5px; padding-top: 2px; }

#message-compose-search .char-separator
{
	.small-text;
	font-weight: bold;
	color: @white;
	background: @teal;
	padding-left: 17px; 
	padding-top: 1px;
	height: 20px;
}

#message-compose-search .result-area-list
{
	position: fixed;
	top: 150px;
	bottom: 0px;
	left: 0;
	right: 0;	
	overflow: hidden;
	background-color: white;
}


#message-compose-search #recipient-list 
{
	height: 100%;
	overflow: hidden;
	position: relative;
	top: -20px;
 
}


#message-compose-search .recipient-item-list
{
	clear: both;
	padding: 6px 17px;
	width: 100%;
	border-bottom: 1px solid @lightergray;

	&:active 
	{
		.checked;
	}
}

#message-compose-search .recipient-name-list
{
	.med-text;
	/*.one-line;*/

	overflow: hidden;
	color: @darkgray;
	font-weight: 600;
	/*height: 23px;*/
}

#message-compose-search .recipient-label
{
	.small-text;
	color: @lightgray;
}
#message-compose-search .recipient-adic-info
{
	font-weight: 400;
	color: @mediumgray;
}

#message-compose-search .messenger-empty
{
	.messenger-empty;
	/*margin-top: 10px;*/
	padding: 10px 17px;
	border-top: solid 1px @lightgray;
}

.bullet-separ
{
	.small-text;
	color: @lightgray;
}

// Tabs 
.tabs 
{
	clear: both;
	background: @lightgray;
	padding-left: 20px;
}

.tabs li 
{
	list-style: none; 
	display: inline;
}

.tabs a.active 
{
	background: @white;
}

/* .tabs a:not(.disable):hover Doesn't work in iphone. Always show this property because hover is always trigger
{
	background: @palegray;
}
*/
.tabs a.tabs_hover{
	background: @palegray !important;
}


.tabs a.disable
{
	color: @lightgray;
	cursor: default;
}

.tabs a 
{
	border-radius: 10px 10px 0 0;
	padding: 5px 10px;
	display: inline-block;
	background: @lightergray;
	color: @mediumgray;
	font-weight: 600;		/* Semi-bold */
	text-decoration: none;
	text-align: center;
	width: 29%;
	max-width: 100px;

	margin-top: 10px;
	margin-right: 7px;
}

/* Slide Flip button */

.slider-frame {
  //position: relative;
  //display: block;
  //margin: 0 auto;
  margin-top: 5px;
  float: right;
  width: 84px;
  height: 27px;
  background-color: rgb(246, 249, 251);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}

.slider-button {
  display: block;
  width: 43px;
  height: 27px;
  line-height: 27px;
  background: #EDF2F7;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: @mediumgray;
  font-family:sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}

.slider-frame.on {
    background-color: @orange;
}

.slider-button.on {
    margin-left: 40px;
    background: #EDF2F7;
}

.slider-button {
    &.disabled {
        color: @verylightgray;
        cursor: default;
    }
}

/* X clear button inside a TextBox  */
span.deleteicon {
    position: relative;
	height: 30px;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: 0;
    right: 0px;
    width: 22px;
    height: 22px;
	background: url("../Images/clear.png") no-repeat center;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 16px;
}

/* Reset some list defaults for all lists */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* The main container */
.sticky-list  {
  height: 100%;
  overflow: hidden;
  position: relative;

  
	
}

/* The main list */
.sticky-list > ul {
  height: 100%;
  overflow: auto;
  position: static;
   -webkit-overflow-scrolling: touch;
}

.sticky-list > ul > li {
	-webkit-backface-visibility: hidden
}

/* Section headers, defined through "headlineSelector" */
.sticky-list > ul > li strong {
  display: block;
  width: 100%;
}

/* Section headers when "sticky", defined through "stickyClass" */
.sticky-list > ul > li.sticky strong  {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden
}


.scheduler-list-heading.fixed {
        position: fixed;
        top: 0;
        width: 98%;
        z-index: 0;
}
.scheduler-list-heading.fixed.absolute {
        position: absolute;
}

.v-middle 
{
	vertical-align: middle;
}

.scheduler-top-nav
{
	.messenger-top-nav;
	height: 100px;
}

.scheduler-top-nav-slider-fix
{
	 position: absolute;
	 top: 0px; 
	 left: 0px; 
	 right: 0px; 
	 bottom: 0px; 
	 z-index: 10;
	 display: none; 
	 overflow: hidden;
	 background-color: white;
}

.dow-container.today 
{
	width: 80px;
}

.dow-container.icons 
{
	width: 44px;
	vertical-align: middle;
}

.dow-container.sched-button-group 
{
	width: 180px;	// AX-542 From 170px to 180px for Semana word
	padding-right: 15px;
	text-align: right;
}

.scheduler-top-nav-d
{
	.messenger-top-nav;
	
}

	.scheduler-top-nav-d #datepick
	{
		position: relative;
		top: 20px;
		left: 78px;
	}

	.scheduler-top-nav-d a.scheduler-today
	{
		display: table-cell;
		float: none;
		padding: 0;
		padding-left: 80px;
		padding-right: 10px;
	}

	.scheduler-top-nav-d .week-next, .scheduler-top-nav-d .week-prev
	{
		width: 44px;
		text-align: center;
	}

	.scheduler-top-nav-d .scheduler-month-year
	{
		float: none;
		width: 140px;
		text-align: left;
	}

	.scheduler-top-nav-d .scheduler-month-year-week
	{
		float: none;
		width: 340px;
		text-align: left;
	}

.scheduler-nav-row1
{
	height: 50px;
	width: 100%;
	border-bottom: 1px solid @gray;
	padding: 15px;
}

.scheduler-nav-row2
{
	.scheduler-nav-row1;
	font-size: 16px;
	border-bottom: none;
	padding: 0;
}

.scheduler-month-year 
{
	.med-text;
	color: @white;
	font-weight: 600;
	float: left;
}

.scheduler-month-year-week 
{
	.med-text;
	color: @white;
	font-weight: 600;
	float: left;
}

.scheduler-month-calendar 
{
    float: left;
	.med-text;
	color: @white;
    cursor: pointer;
	font-weight: 600;
    a {
        padding-left: 10px;
    }
    .arrow-up{
        right: 0;
        left: 99px;
    }
}

a.scheduler-today 
{
	.med-text;
	color: @lightgray;
	float: right;
	padding-left: 10px;
	&:hover 
	{
		color: @white;
		cursor: pointer;
	}

	&:active 
	{
		color: @white;
	}
}

a.scheduler-right 
{
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 21px;

	&:hover 
	{
		color: @white;
		cursor: pointer;
	}

	&:active 
	{
		color: @white;
	}
}

a.scheduler 
{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 21px;

	&:hover 
	{
		color: @white;
		cursor: pointer;
	}

	&:active 
	{
		
		color: @white;
	}
}

#sched-content
{
	top: 0px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: @white;
}

#header-table 
{
	table-layout: fixed;
}

.sched-content-wrapper
{
	
	background-color: @white;
	margin-top: 100px;
}


.sched-scrollable 
{
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;	

	position: fixed;
	top: 140px;
	bottom: 40px;
	left: 0;
	right: 0;
	
	display: block;
	
}

.last-updated(@bgcolor, @color, @height, @paddingtop)
{
	.small-text;
	background-color: @bgcolor;
	color: @color;
	position: fixed;
	height: @height;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
	padding-top: @paddingtop;
	display: block;
	z-index: 1500;
}

.scheduler-lastupate-d
{
	.last-updated(@lightgray, @mediumgray, 40px, 15px)
}

.scheduler-lastupate-m
{
	.last-updated(@mediumgray, @lightgray, 20px, 3px)
}

/*
.sched-scrollable > *
{
	-webkit-transform: translateZ(0px);
}*/

.sched-time-bar
{
	width: 64px;
	background-color: @white;
	height: 40px;
	padding: 0;
	text-align: right;
	border: 1px solid @lightergray;
	position: relative;
}

.timecol-hour 
{
	.med-text;
	text-align: right;
	padding: 5px;
	height: (60px * @time-factor);
	color: @mediumgray;
	width: 100%;
	border-bottom: 1px solid @lightergray;
}



.timecol-half
{
	.timecol-hour;
	height: (30px * @time-factor);
	background-color: @palegray;
}

.weekend .timecol-half 
{
	background-color: @scheduler_wkend;
}

.today .timecol-half 
{
	background-color: @scheduler_today;
}


.sched-now-line 
{
	border-top: 3px solid @teal;
	
	z-index: 40;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;

}

.sched-time-bar .sched-now-line
{
	width: 10px;
}

.sched-day-col 
{
	.sched-time-bar;
	width: auto;
	text-align: left;
	.med-text;
	font-weight: 600;
	color: @mediumgray;
	padding-left: 15px;
}

	.sched-day-col.week
	{
		padding-left: 0;
		text-align: center;
	}

	.sched-day-col.today 
	{
		color: @white;
		background-color: @lightgray;
	}

.sched-grid-col 
{
	padding: none;
	background-color: @palegray;
	border: 1px solid #e7e7e7;
	position: relative;
}

.sched-grid-col-padder 
{
	position: absolute;
	
	/* height: 100%; */
	top: 0;
	left: 0;
	right: 0;
	text-align: left;

	.scheduler-item-info, .scheduler-item-info-nct 
	{
		display: block;
	}

	.scheduler-item, .scheduler-item-nct
	{
		border: 1px solid @lightgray;
		background-color: @white;
        box-sizing: content-box;
		display: block;
		margin-left: -1px;
		z-index: 10;
		overflow-y: hidden;
	}
	.scheduler-item-nct
	{
		z-index: 3;
	}
}


.sched-overlap-group-table 
{
	position: absolute;
	left: 0;
	right: 15px;
	width: 100%;
	text-align: left;
	table-layout: fixed;
	z-index: 10;
}

.sched-overlap-group-table td
{
	padding: 0;
}

.sched-overlap-group-table tbody
{
	vertical-align: top;
}

.sched-grid-col-padder .scheduler-item-wrapper
{
	position: absolute;
	width: 100%;
}

.datepick-mobile {
    .ui-datepicker-inline{
        right: 0;
        left: 20px;
        top: -4px;
    }
}

#datepick {
	text-align: center;
	
	z-index: 1001;
	position: fixed;
	top: 105px;
	width: 100%;
	right: 0;
    .arrow-up
    {
	    position: absolute;
	    right: 89px;
	    bottom: 0;
    }
}

#ui-datepicker-div	,
#datepick {
    .ui-state-default 
    {
	    .fonts;
	    .border-radius(5px);
	    background: none;
	    border: none;
	    font-weight: 600;
    }

    .ui-priority-secondary
    {
	    color: @lightgray;
    }

    .ui-widget-header .ui-icon,
    .ui-state-hover
    {
	    background-image: none;
	    background-color: transparent;
	    cursor: pointer;
	    border: none;
    }

    .ui-corner-all {
	    .border-radius(8px);
    }

    .ui-widget-header 
    {
	    .med-text;
	    background: none;
	    border: none;
	    background-color: @gray;
	    color: @white;
    }

    .ui-datepicker-current-day a
    {
	    background-color: lighten(@teal, 40%);
    }

    .ui-datepicker-today a
    {
	    background-color: @orange;
    }
}

.ui-widget-content {
	background: none;
}

.ui-datepicker td
{
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 8px;
}

.ui-datepicker-inline {
	position: absolute;
	width: 280px;
	max-width: 300px;

	border: 3px solid @gray;
	background-color: @gray;
	right: 20px;
}

.ui-datepicker table
{
	.small-text;
	.border-radius(0px 0px 8px 8px);
	background-color: @white;
	margin-bottom: 3px;
}

.ui-datepicker th 
{
	.small-text;
	font-weight: 700;
	color: @gray;
}

.ui-datepicker .ui-datepicker-title
{
	line-height: 1.6em;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next 
{
	top: 5px;
}


.ui-datepicker .ui-datepicker-prev:before
{
	font-family: fontAwesome; 
	color: @lightgray;
	content: "\f053";
	font-weight: normal;
	font-size: 12px;
}

.ui-datepicker .ui-datepicker-next:before
{
	font-family: fontAwesome; 
	color: @lightgray;
	content: "\f054";
	font-weight: normal;
	font-size: 12px;
}

.ui-datepicker-prev-hover 
{
	top: 5px;
	left: 2px;
}

.ui-datepicker-next-hover 
{
	top: 5px;
	right: 2px;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 15px solid @gray;
}

.scheduler-list 
{
	//.messenger-list;
	position: absolute;
	top: 150px;
	margin-top: 0;
	
	width: 100%;
	bottom: 20px;
	
}

.scheduler-list-m
{
	//.messenger-list;
	position: absolute;
	top: 150px;
	margin-top: 0;
	
	width: 100%;
	bottom: 20px;
}

.scheduler-list-heading 
{
	.small-text;
	font-size: 14px;
	font-weight: bold;
	color: @white;
	background: @teal;
	padding-left: 17px; 
	padding-top: 1px;
	height: 20px;

	position: relative;
	z-index: 1;
}

.scheduler-list-heading.today
{
	background: @orange;
}

.message-list-heading
{
	.scheduler-list-heading;
}

.dow-table 
{
	display: table;
	width: 100%;
}

.dow-wrapper 
{
	display: table-row;
}

.dow-container 
{
	height: 50px;
	text-align: center;
	display: table-cell;
	position: relative;
}

.dow-name 
{
	font-size: 16px;
	.small-text;
	text-transform:uppercase;
}

.dow-number 
{
	.med-text;
}

a.dow-a 
{
	padding: 0;
	color: @lightgray;

	&:hover 
	{
		
		cursor: pointer;
	}

	&:active 
	{
		color: @white;
	}
}

a.dow-a.disabled 
{
	color: @gray;
	&:hover 
	{
		
		cursor: default;
	}

	&:active 
	{
		color: @gray;
	}
}


a.today, a.selected-day.today
{
	font-weight: 700;
	color: @orange;
}

a.selected-day 
{
	color: @white;
}

.week-next 
{
	width: 20px;
	text-align: center;
	
}

.week-prev 
{
	width: 20px;
	text-align: center;
}


.week-prev a 
{
	position: relative;
	top: 14px;
	color: @lightgray;

	&:hover 
	{
		color: @white;
		cursor: pointer;
	}

	&:active 
	{
		color: @white;
	}
}

.week-next a 
{
	position: relative;
	top: 14px;
	color: @lightgray;

	&:hover 
	{
		color: @white;
		cursor: pointer;
	}

	&:active 
	{
		color: @white;
	}
}

.scheduler-no-appts 
{
	
	padding: 15px;
	color: @lightgray;
	font-weight: 600;
	background-color: @white; 
}

.scheduler-items
{
	display: table;
	width: 100%;
	background-color: @white;
}

.scheduler-item-nct 
{
	display: table-row;
	overflow: hidden;
    position: relative;
    width: 100%;
	box-shadow: 5px 5px 10px rgba(@lightergray, .75);
}

	.scheduler-item-nct .sched-time-from
	{
		color: @mediumgray;
	}

.scheduler-item
{
	.scheduler-item-nct;
	box-shadow: 5px 5px 10px rgba(@lightergray,.75);
    margin-right: 15px;
    width: auto;
	&:hover 
	{
		cursor: pointer;
	}
}

.scheduler-item-border 
{
	border: 1px solid @lightergray;
	margin-left: 15px;
}
.scheduler-item-time
{
	display: table-cell;
	vertical-align: top;
	padding: 8px;
	padding-left: 15px;
	width: 105px;
}

.scheduler-item-info 
{
	display: table-cell;
	padding: 8px;
	padding-left: 15px;
	height: 100%;
}

.scheduler-item-info-nct
{
	.scheduler-item-info;
	padding-left: 10px;
	background-color: @scheduler_nonclinictime;
	cursor: pointer;
	height: 100%;
}

.scheduler-item-info-left {
    position: relative;
    .statusLabel {
        float: left;
        line-height: 2em;
        margin-right: 10px;
    }
    .apptIndicator {
        display: inline;
    }
}
.scheduler-icon-caret
{
	padding-right: 15px;
	width: 30px;
	text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
}

.scheduler-icon-caret-cte
{
	float:right; 
	vert-align:middle;
	width: 20px;
	top: 50%;
}


.scheduler-item-now 
{
	color: @orange;
	font-weight: 600;
	text-transform: uppercase;
}

.fixed .sched-nct-desc, 
.fixed .sched-nct-desc-cte 
{
    @media (min-width: 2100px) {width: auto;}
    @media (min-width: 2090px)and (max-width: 2099px) {width: 16em;}
    @media (min-width: 2080px)and (max-width: 2089px) {width: 15.5em;}
    @media (min-width: 2070px)and (max-width: 2079px) {width: 15em;}
    @media (min-width: 2000px)and (max-width: 2069px) {width: 14em;}
    @media (min-width: 1800px)and (max-width: 1999px) {width: 12em;}
    @media (min-width: 1700px)and (max-width: 1799px) {width: 11em;}
    @media (min-width: 1600px)and (max-width: 1699px) {width: 10em;}
    @media (min-width: 1500px)and (max-width: 1599px) {width: 9em;}
    @media (min-width: 1400px)and (max-width: 1499px) {width: 8em;}
    @media (min-width: 1300px)and (max-width: 1399px) {width: 7.5em;}
    @media (min-width: 1200px)and (max-width: 1299px) {width: 7em;}
    @media (min-width: 1100px)and (max-width: 1199px) {width: 6.5em;}
    @media (min-width: 621px)and (max-width: 1199px) {width: 6em;}
    @media (max-width: 620px) {width: 5.5em;}
}

.sched-nct-desc 
{
	.med-text;
	color: @mediumgray;
	font-weight: 600;
    position: relative;

    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.sched-nct-desc-cte
{
	.med-text;
	color: @mediumgray;
	font-weight: 600;
    position: relative;

    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;

	width: 9em;
	float: left;
}

.sched-nct-avail 
{
	.small-text;
	color: @gray;
}

.sched-time-from
{
	.med-text;
	color: @darkgray;
	font-weight: 600;
}

.sched-time-to 
{
	
	color: @gray;
}

.sched-time-span 
{
	font-weight: normal;
	color: @lightgray;
	font-style: italic;
}

.sched-time-span-sm 
{
	.small-text;
	.sched-time-span
}

.sched-overlaps 
{
	.small-text;
	color: @gray;
	font-style: italic;
}

.sched-item-ptname 
{
	.med-text;
	color: @darkgray;
	font-weight: 600;
}

.sched-item-detail-label 
{
	.small-text;
	color: @gray;
}

.sched-item-detail 
{
	color: @mediumgray;
}

.wrapper-d .sched-time-from
{
	color: @gray;
}

.sched-item-status 
{
	text-transform: uppercase;
	.small-text;
	font-weight: 600;
}
	.sched-item-status.checked-out 
	{
		color: @status_checkedout;
	}

	.sched-item-status.checked-in 
	{
		color: @status_checkedin;
	}

	.sched-item-status.confirmed
	{
		color: @status_confirmed;
	}

	.sched-item-status.unconfirmed
	{
		color: @status_unconfirmed;
	}

	.sched-item-status.seated
	{
		color: @status_seated;
	}

.sched-appt-indicator(@display, @float, @valign, @marginBottom)
{
	font-size: 16px;
	display: @display; 
	float: @float; 
	width: 30px; 
	height: 30px; 
	vertical-align: @valign; 
	text-align: center; 
	border-radius: 50%; 
	border: 2px solid @lightergray; 
	margin-right:5px;
	margin-bottom: @marginBottom;
	text-transform: none;
}

.sched-indicator
{
	.sched-appt-indicator(block, left, middle, 0px);
    width: 28px;
    height: 28px;
    span {
        font-size: 14px;
        position: relative;
        top: 2px;
    }
}

.appoint-indicator
{
	.sched-appt-indicator(block, left, middle, 5px);
    font-size: 14px;
    position: relative;
    padding-top: 5px;
}

.appoint-indicator-desc
{
	font-size: 16px;
	font-weight: 400;
	color: @darkgray;
	padding-top: 5px;
	line-height: 30px;
}

.appt-indicator-symbol-ui-layout
{
	vertical-align: top;
	width:20px;
}

.appt-indicator-description-ui-layout
{
	text-align:left;
}

.clear-left
{
	clear: left;
}

.teal-triangle {
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-bottom: 7px solid @teal;
	position: relative;
	bottom: 1px;
	margin: auto;
}

.teal-triangle.today, .white-triangle.today {
	border-bottom: 7px solid @orange;
}

.white-triangle {
	.teal-triangle;
	border-bottom: 7px solid @white;
}

.invisible {
	display: none;
}

.sched-appt-text
{
	.small-text;
	display: table;
	font-weight: 600;
	padding: 2px 4px;
	border: 1px solid @lightgray;
	color: @mediumgray;
	text-transform: uppercase;
}


/* User Setting */
.ui-usersetting-shadow-d {
	.box-shadow( 3px 4px 5px rgba(@darkgray,.2));
	background-color: @lightergray;
	width: @sidebarwidth;
	top: 50px;
	bottom: 0px;
	position: absolute;
	z-index: 2;
}

.ui-usersetting-shadow {
	.box-shadow( 3px 4px 5px rgba(@darkgray,.2));
	background-color: @lightergray;
	width: 100%;
    min-height: 100vh;
	padding-top: 50px;
	position: absolute;
	z-index: 1;
    .user-nav-title {
        text-align: center;
    }
}

.ui-top-div{
	background-color: #E7E7E7;
}

.ui-list-header {
	.small-text;
	font-weight: 600;
    margin-left: 15px; 
    margin-top: 20px; 
    margin-bottom: 5px;
	color: @mediumgray;
}

.ui-list-item {
    .reg-text;
	color: @mediumgray;
}

.ui-list-item-div-head {
	border-bottom: none !important;
}

.ui-list-item-div-stacked {
    border-top: 1px solid @lightgray !important;
	border-bottom: none !important;
}

.ui-list-item-div-tail {
    border-top: 1px solid @lightgray !important;
}

.ui-list-item-div {
    background-color: @white; 
	padding: 15px 15px;
    cursor:pointer; 
	box-shadow: 3px 4px 10px rbga(@lightergray, .75);
	border-top: 1px solid @lightgray;
	border-bottom: 1px solid @lightgray;
}

.ui-list-item-border 
{
	margin-left: 15px;
	border-bottom: 1px solid @lightergray;
}
.ui-list-item-link {
	padding-right: 5px;
	color: @lightmediumgray;
}

.ui-list-item-div-inner {
    .reg-text;
    // AX-542 margin-right: 10px;
    color: @lightgray;
	float:right;
}

.ui-fw-angle-right {
    color: @teal;

}

.ui-tick-check (@float : left) {
    color: @teal;
	float: @float;
}

.user-setting-tick-check {
    .ui-tick-check(right);
}

.ui-hover-background-color {
    background-color: @gray;
    color: @white;
}

.ui-hover-selected-background-color {
    background-color: @gray;
    color: @lightergray;
}

.user-nav-header {
	height: 50px;
}

.user-nav-title {
	.panel-header-title(@mediumgray, left, 0px, 600);
	.med-text;
    margin-right: 10px;
    padding-left: 15px;
}

.usersetting-container-d {
	width: @sidebarwidth;
	position: absolute;
	overflow: hidden;
}

.usersetting-view-d
{
    display: none;
	position: absolute;
	left: 360px;
	top: 100px;
	border: 1px solid @lightergray;
	border: none;
	min-width: 600px;
	overflow: hidden;
    width: 100%;
    z-index: 1;

    .usersettings-option-title-d {
        .panel-header-title(@lightgray, left, auto, 400);
	    overflow:hidden;
        background-color: @mediumgray;
        font-size: 1.0em;
        height: 50px;
        padding-left: 20px;
        padding-right: calc(@sidebarwidth + 20px);
        overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
    }

    .usersettings-top-nav-d
    {
	    .med-text;
	    width: 100%;
	    min-height: 50px;
	    top: 50px;
	    z-index: 1000;
	    left: 360px;
	    vertical-align: middle;
	    position: fixed;
    }

    .usersettings-details-header-d
    {
	    .small-text;
	    position: relative;
	    font-weight: 600;
	    width: 50%;
	    margin-top: 20px;
	    left: 20px;
	    color: @mediumgray;
    }

    .usersettings-details-d
    {
	    .reg-text;
	    width: 100%;
	    position: relative;
	    left: 20px;
	    margin-top: 5px;
	    overflow: hidden;

        .usersettings-detail-items-d
        {
	        .reg-text;	
	        border-bottom: 1px solid @lightergray;
	        box-shadow: 3px 4px 10px rbga(@lightergray, .75);
	        background-color: white;
	        width: 40%;
	        padding: 15px;
	        cursor: pointer;
	        color: @mediumgray;

            input[type="radio"] {
                margin: 10px 10px 0 20px !important;
                width: auto !important;
                & + label {
                    display: inline !important;
                    width: 100% !important;
                    color: lighten(@mediumgray, 10%) !important;
	                font-weight: 100 !important;	
                }
            }
        }
    }
}

.usersetting-view
{
	border-top: none;
    margin: 0 auto;
    height: 100vh;
    .usersettings-panel {
        color: @white;
        position: relative;
        top: 50px;
        .usersettings-option-title {
            .nav-back
            {
                color: @teal;
	            left: 10px;
                line-height: 20px;
                padding-left: 10px;
                position: absolute;
	            vertical-align: middle; 
            }
            .panel-header-title(@lightgray, center, auto, 700);
	        background-color: @mediumgray;
            cursor: pointer;
            font-size: 1.12em;
            height: 50px;
            padding-left: 40px;
            padding-right: 40px;
        }

        .usersettings-details-header
        {
	        .small-text;
            background-color: #E7E7E7;
	        color: @mediumgray;
	        font-weight: 600;
            padding: 20px 0 5px 15px; 
        }

        .usersettings-details
        {
	        .reg-text;
            border-top: 1px solid @lightergray;
	        overflow: hidden;
            .usersettings-detail-items
            {
	            .reg-text;	
	            background-color: white;
	            border-bottom: 1px solid @lightergray;
	            box-shadow: 3px 4px 10px rbga(@lightergray, .75);
	            color: @mediumgray;
	            cursor: pointer;
	            padding: 15px;
            }
        }
    }
}

.no-border {
	border: none !important;
}

/* Namespace for CTE desktop and mobile pages */
/*--------------------------------------------*/
#clinic-time-exception-d,
#clinic-time-exception {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background-color: white;
    color: @mediumgray;
    .cteMenu ul { 
        display: none;  /* Hide before plugin loads */
         &.dropit-submenu {
            left: auto;
            right: 50px;
            background-color: #fff;
            border: 1px solid #b2b2b2;
            padding: 6px 0;
            margin: 0;
            -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
                    border-radius: 3px;
            -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
               -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
                    box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
            & a {
                display: block;
                color: #7a868e;
                padding: 0 18px;
                padding-top: 8px;
                padding-bottom: 8px;
            }
        }
    }

    .cteMenu ul.dropit-submenu a:hover {
        background: @orange;
        color: #fff;
        text-decoration: none;
    }

    .delete-button-m {
        .primary-button-m-large();
        font-size: 1.12em;
        width: 90%;
    }

    .ui-list-item-div {
	    white-space: nowrap;
        .iconWrap {
            display: inline;
            position: relative;
            float: right;
            a {
                position: absolute;
                right: 0px;
            }
        }
    }

    .usersetting-view .usersettings-panel {
        top: 0;
    }

    .usersettings-detail-items {
        .one-line;
        display: inline-block;
    }

    .usersettings-detail-items {
        margin-left: 15px;
        padding: 15px 30px 15px 0;
    }

    .slider-frame {
        margin-top: 0;
    }

    .descInput {
        border: none;
        width: 100%;
        max-width: 15.5em;
        padding: 0;
        position: relative;
        top: 3px;
    }

    .time_pick {
        display: inline;
    }

	.datepickerInput {
		width: 6em;
		margin-right: 10px;
		padding-left: 5px;
	}

    .time_element {
        width: 6em;
    }

    #onlyAvailableIn + .ui-list-item-border,
    #qualifyAsBreak + .ui-list-item-border {
        max-width: 400px;
    }

    #onlyAvailableIn {
        overflow: auto;
        .ui-list-item-link {
            .one-line;
            display:inline-block;
            max-width: 10em;
            position: relative;
            top: 1px;
        }
    }

    #eventType,
    #description,
    #displayDescription,
    #dayTime,
    #qualifyAsBreak {
        cursor: default;
    }

    #eventType {
        .reg-text;
        color: @darkgray;
        height: 40px;
        overflow: hidden;
    }

    #description {
        .reg-text;
        .fa-search {
            cursor: pointer;
            padding: 5px 5px 0 5px;
        }
        padding-top: 0;
        padding-bottom: 10px;
        input {
            .reg-text;
            .descInput;
            border: none;
            &::-webkit-input-placeholder {
                color: @lightgray;
            }
            &:-moz-placeholder {
                color: @lightgray;  
            }
            &::-moz-placeholder {
                color: @lightgray;  
            }
            &:-ms-input-placeholder {  
                color: @lightgray;   
            }
        }
    }

    #displayDescription {
        .reg-text;
        .fa-pencil {
            cursor: pointer;
            padding: 5px 5px 0 5px;
        }

        padding-bottom: 10px;
        input {
            .reg-text;
            .descInput;
            background-color: #FFF;
        }
        input[readonly="readonly"] {
            color: @gray;
        }
    }

    #dayTime,
	.recurChkGroup {
        .reg-text;
        position: relative;
        label {
            display: inline;
            font-weight: normal;
            font-size: 1em;
            margin: 0 5px 0 8px;
        }

        >.inputBorder {
            margin-right: 6px;
        }

        .inputBorder {
            .border-radius(5px);
            border: 1px solid @lightgray;
            box-shadow: inset 0 0 1px rgba(@lightgray,.75);
            cursor: pointer;
            display: inline-block;
            padding: 4px 10px;
            input[type="text"] {
                .reg-text;
                background-color: #FFF;
                border: none;
                color: inherit;
                cursor: pointer;
            }
        }

        #dateText {
            width: 49%;
        }

        #allDay,
		.recurCte {
            .reg-text;
            label {
                margin: 0;
                font-weight: normal;
                font-size: 1em;
            }
            input[type="checkbox"] {
                cursor: pointer;
                margin-left: 5px;
            }
            /* iphone */
            input[type="text"] {
                background-color: transparent;
                width: 1px;
            }
        }

		.toLabel {
			margin-left: 0px;
		}

		.timeGroup {
			padding-top:12px;
		}
    }

    .eventColor {
        overflow: visible;
        a {
            color: @mediumgray;
        }

        .ui-list-item {
            float: left;
        }

        .red {background-color:#FF0000;}
        .yellow {background-color:#FFFF00;}
        .green {background-color:#00FF40;}
        .blue {background-color:#0080CF;}
        .pink {background-color:#FF80FF;}
        .default {background-color:#C0C0C0;}

        ul.dropit-submenu {
            border: 1px solid @lightgray;
	        max-width: 200px;
            left: 50px;
            top: 30px;
        }

        .border {
            .border-radius(5px);
            border: 1px solid @lightgray;
            margin: 10px;
            padding: 5px 10px 5px 0;
        }

        .color {
            display: initial;
            .border-radius(5px);
            margin: 0 10px;
            padding: 0 11px;
        }

        .selectedColor {
            .default;
            margin: 0 10px;
            padding: 0 10px;
        }
    }

    #left-panel {
        /* .box-shadow( 3px 4px 5px rgba(@darkgray,.2)); */
	    top: 0;
	    left: 0;
        width: 100%;
		height: 100%;
        background-color: #FFF;
        padding-bottom: 20px;
        .cte-top-nav {
	        .med-text;
            /*.one-line;*/
	        background-color: @mediumgray;
	        height: 50px;
            line-height: 50px;
            padding: 0 15px;

            .cancel {
                color: @gray;
                float: left;
                text-align: left;
                cursor: pointer;
            }

            .save {
                color: darken(@mediumgray, 10%);
                float: right;
                text-align: right;
                cursor: default;
            }

            .edit {
				background:none;
				border:none;
				box-shadow:none;
				cursor: pointer;
                color: darken(@mediumgray, 10%);
                float: right;
                text-align: right;
            }

            a.save-active {
                color: @teal !important;
                cursor: pointer;
            }

            button.save-active {
                color: @teal !important;
                cursor: pointer;
            }

            a.fa-trash-o, a.fa-pencil {
                color: @lightgray !important;
                &:hover {
                    color: darken(@lightgray, 10%) !important;
                }
                font-size: 21px;
            }

            a.fa-pencil {
                color: @teal !important;
                &:hover {
                    color: darken(@teal, 10%) !important;
                }
                font-size: 21px;
            }
        }
    }

    #right-panel {
        top: 0;
        .usersettings-details {
            overflow-y: auto;
            min-height: 100vh;
            height: 100%;
        }
    }

    input[disabled]
    {
        color: @mediumgray !important;
        -webkit-text-fill-color: rgba(104, 104, 104, 1); 
        -webkit-opacity: 1; 
        color: rgba(104, 104, 104, 1);
        background: white;
        opacity: 1;
    }

	.recur-group {
		vertical-align: middle;
		td {
			padding-bottom: 10px;
		}

		td.no-bottom-padding {
			padding-bottom: 0px;
		}

		td.right-padding {
			padding-right: 5px;
		}

		.recurCheck {
			width: 90px;
		}

		.recurMode {
			width: 20px;
			padding-right: 5px;
		}

		.cycleFreq {
			width: 50px;
			padding-right: 5px;
		}

		span {
			padding-right: 5px;
		}

		.recurEvery {
			width: 47px;
			margin-right: 5px;
		}
	}

	.ui-delete-container{
		width: 100%;
		text-align: center;
		padding: 15px;
		.ui-menu-container {
			margin: auto;
			left: 0px;
			right: 0px;
			max-width: 200px;
			text-align: center;
			.delMenuItem {
				line-height: 15px;
				text-align: center;
				a {
					white-space: pre-wrap;
					cursor: pointer;
					&:hover {
						color: @white;
						background: @orange;
						text-decoration: none;
					}
				}
			}
			li.delMenuCancelItem a {
				cursor: pointer;
				color: @teal;
			}
		}
	}
	.ui-edit-menu-container-m {
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		.editMenuItem-m {
			text-align: center;
			font-weight: normal;
			white-space: pre-wrap;
			cursor: pointer;
			padding-left: 0px;
			padding-right: 0px;  
			a {
				line-height:23px;
				white-space: pre-wrap;
				cursor: pointer;
				display: block;
				color: @darkgray;
				font-size: 16px;
				&:hover {
					color: @white;
					background: @orange;
					text-decoration: none;
				}
			}
		}
		li.editMenuCancelItem-m a {
			cursor: pointer;
			color: @teal;
			&:hover {
				color: @teal;
				background: @scheduler_today;
				text-decoration: none;
			}
		}
		li.divider {
			height: 1px;
			margin: 5px 0;
			overflow: hidden;
			background-color: #e5e5e5;
		}
	}
	.edit-cte-content-m {
		width: 200px;
		top:50px;
		margin: auto;
	}
}

.cteError {
	color: @red;
	font-weight: normal;
	font-size: 1em;
	white-space: pre-wrap;
	padding-top:5px;
}

#clinic-time-exception-d {
    position: absolute;
	height:100%;
	width:100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;


    .usersetting-view .usersettings-panel{
        border-left: 1px solid rgba(@mediumgray, .2);
    }

    #overlay {
        display: none;
        position: absolute;
        right: 360px;
        padding-top: 50px;
        height: 100%;
        width: 100%;
	    background-color: rgba(@darkgray, .25);
	    z-index: 1000;
    }

    #left-panel {
        height: 100%;
        min-width: 700px;
        padding: 50px 375px 80px 0;
		overflow-y: auto; 
		position: absolute;
        .cte-top-nav {
	        background-color: white;
            .save{
                color: @lightgray;
            }
        }

        .ui-list-item-div  .fa-angle-right  {
            vertical-align: 2px !important;
        }

        .nav-border {
	        border-bottom: 2px solid rgba(@teal, .2);
            margin-left: 15px;
        }

        .inputBorder {
            max-width: 123px;
        }

        #onlyAvailableIn,
        #qualifyAsBreak {
            max-width: 400px;
        }

        #description input, 
        #clinic-time-exception #description input {
            max-width: none;
        }
        /*
        #onlyAvailableIn {
            .ui-list-item-link {
                max-width: none;
            }
        }
        */
   }

   #right-panel {
        position: absolute;
        overflow-y: auto;
        right: 0;
        /*padding-top: 50px;*/
        padding-bottom: 50px;
        top: 50px;
        height: 100%;
        height: ~"-moz-calc(100% - 50px)";
        height: ~"-webkit-calc(100% - 50px)";
        height: ~"calc(100% - 50px)";
        width: 360px;
		z-index: 2;
        .usersettings-details {
            overflow: hidden;
        }
    }

	.floatForDesktop {
		float: left;
		margin-right: 10px;

		.recurEvery {
			width: 47px;
			margin-right: 5px;
		}
	}

	.ui-delete-container {
	width: 200px;
	padding: 0px;
	float: right;
	text-align: right;
		.ui-menu-container {
			margin-right: 0px;
			.delMenuItem {
				line-height: 15px;
				text-align: center;
				a {
					white-space: pre-wrap;
					cursor: pointer;
					padding-left:0px;
					padding-right:0px;
					&:hover {
						color: @white;
						background: @orange;
						text-decoration: none;
					}
				}
			}
		}
		.ui-edit-menu-container {
			margin-right: 40px;
			.editMenuItem {
				line-height: 15px;
				text-align: center;
				a {
					white-space: pre-wrap;
					cursor: pointer;
					padding-left:0px;
					padding-right:0px;
					&:hover {
						color: @white;
						background: @orange;
						text-decoration: none;
					}
				}
			}
		}
	}
	button.cte-action-del {
		background:none;
		border:none;
		box-shadow:none;
		font-size:23px;
		cursor: pointer;
		color: @verylightgray;
		width:35px;
		text-align: right;
	}
	button.cte-action-edit {
		background:none;
		border:none;
		box-shadow:none;
		font-size:23px;
		cursor: pointer;
		color: @teal;
		width:35px;
	}
}


/*--------------------------------------------*/

#admin-setting {
    background: url("../Images/debut_light_gray@2X.png");
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%;

    .usersetting-view-d .usersettings-details-d {
        margin-top: 0;
    }
    #contactInformationDetails,
    #loginDomainInformationDetails {
        margin-bottom: 10px;
    }
    #scrollContainer {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 700px;
        max-width: 430px;
        margin-top: 10px;
    }
    #render-body {
        background: url("../Images/debut_light_gray@2X.png");
        .ui-adminsetting-shadow-d {
            display: table;
            .box-shadow( 3px 4px 5px rgba(@darkgray,.2));
	        background-color: @lightergray;
            position: absolute;
            top: 50px;
            bottom: 0;
	        width: @sidebarwidth;
            z-index: 2;
            .user-nav-title {
                padding-left: 15px;
            }
            .ui-top-div {
                display: table-row;
                height: 94vh;
            }
            .ui-left-panel {
                height: 740px;
            }
        }
    }
    .usersetting-view-d {
        top: 50px;
        & .usersettings-details-d {
            left: 0;
            padding-left: 20px;
            & .usersettings-detail-items-d {
                min-width: 400px;
                max-width: 430px;
                width: 100%;
                .slider-frame {
                    margin: 0;
                }
                form {
                    color: @lightmediumgray;
                    ::-webkit-input-placeholder {
                        color: @lightgray;
                    }
                    :-moz-placeholder {
                        color: @lightgray;  
                    }
                    ::-moz-placeholder {
                        color: @lightgray;  
                    }
                    :-ms-input-placeholder {  
                        color: @lightgray;   
                    }

                    label {
	                    .reg-text;
                        color: @lightmediumgray;
                        display: inline-block;
	                    font-weight: 600;
                        padding-right: 25px;
                        text-align: right;
                        width: 140px;
                        span {
                            font-style: italic;
                            color: @lightgray;
                        }
                    }

                    label[for=optionaltext] {
                        padding-top: 25px;

                    }

                    input {
                        font-size: .95em;
                	    border: 1px solid @lightergray;
                        padding: 10px 5px;
                        margin: 20px 30px 0 0;
                        width: 275px;
                        &[type=submit] {
                            cursor: pointer;
                            margin: 0 0 0 145px;
                            .primary-button-d-large();
                            font-size: 1em;
                            line-height: 0;
                            height: 30px;
                            width: 7em;
                        }
                    }

                    textarea {
                        font-size: .95em;
                	    border: 1px solid @lightergray;
                        padding: 10px 5px;
                        margin-top: 20px;
                        text-align: top;
	                    resize: none;
                        vertical-align: top;
                        width: 275px;
                        white-space: pre-wrap;
                    }

	                div {
                        overflow: hidden;
	                    white-space: nowrap;
                    }
                }
            }
        }
        #contactInformation 
        .usersettings-detail-items-d {
            min-width: 475px;
        }
    }

	.syssettings-details-header-warning-d
    {
	    .small-text;
	    position: relative;
	    font-weight: 400;
	    width: 50%;
	    margin-top: 5px;
	    left: 20px;
	    color: @mediumgray;
    }

	.usersettings-detail-items-color-d
	{
		background-color: @scheduler_today;
	}

    .auto-cursor {
        cursor: auto;
    }

    .nav {
        background-color: @darkgray;
	    border-bottom: 1px solid @lightergray;

        min-height: 50px;
        max-width: none;
        min-width: 470px;
	    width: 100%;
        z-index: 3;

        .desktop-nav-logo {
            background: url("../Images/DAlogo_WH_2015.svg") no-repeat left;
            background-size: 180px;
            text-align: right;
            position: relative;
            float: left;
            width: 290px;
        }
        .nav-title {
            color: @white;
            font-weight: 400;
            float: left;
            text-align: bottom;
            position: relative;
            top : 17px;
        }
        .nav-menu {
            margin: 0 20px;
	        white-space: nowrap;
            ul.menu {
                text-align: right;
                position: relative;
                top : 17px;
                li {
                    display: inline;
                    color: @lightergray;;
                    list-style: none;
                    span {
                        color: @gray;
                        padding-left: 5px;
                    }
                    #logout {
                        color: @teal;
                    }
                }
            }
        }
    }
}

/* Toastr settings */
#toast-container {
    bottom: 12px;
    padding: 0 15px;
    position: fixed;
    min-width: 100%;
    @media (min-width: @sidebarwidth) {
        min-width: @sidebarwidth;
    }
    width: inherit;
    z-index: 999999;

    > .toast {
        background-color: black !important;
    }

    > div {
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center; 
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0px 0px 12px #999999;
        color: #FFF;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

    .toast-success {
        background-position: -43% -50% !important;
		background-image: none !important; /* AX-2688 Override default background image in toast.css Use FontAwesome */
        /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;*/
        padding: 15px 15px 15px 50px;
        .toast-message {
            text-align: left;
            margin-left: 43%;
        }
        width: 100%;
    }

	/* AX-2688 Use FontAwesome insted of toast background image*/
	.toast:before {
		font-family: FontAwesome;
		float: left;
		color: #FFF;
		margin-left: 31%;
	}        
	.toast-success:before {
		content: "\f00c";	/* FontAwesome */
	}
}

/*Utils*/
/*This one for keeping a 5px distance between side by side elements instead of using &nbsp; over which we have no control*/
.divider-10px
{
    margin-left:10px;
}

.v-divider-5px
{
	height: 5px;
}

.divider-3px
{
    margin-left:3px;
}

.not-found-appt
{
	.reg-text;
	color: @mediumgray;
}

.doellipsis
{
    white-space: nowrap; 
    width: 15em; 
    overflow: hidden;
    text-overflow: ellipsis; 
	color: @mediumgray;
}


.doellipsisinactive
{
	.doellipsis;
	color: @gray;
}

.doformatting
{
	white-space: pre-wrap;
}

/*Patient Details*/
#patient-nav 
{
	height: 100%;
}

.patient-title-wrapper 
{
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.patient-nav-title {
	.panel-header-title(@lightgray, center, auto, 700)
}

.patient-top-nav
{
	.med-text;
	width: 100%;
	height: 50px;
	position: fixed;
	background-color: @mediumgray;
	top: 50px;
	z-index: 1000;
	left: 0;
}

.patient-desc-label-l
{
	.large-text;
	color: @gray;
	font-weight: 600;
}

.patient-desc-field-l
{
	.large-text;
	color: @darkgray;
	font-weight: 600;
}


.patient-desc-label-m
{
	.reg-text;
	color: @gray;
}

.patient-desc-label-s
{
	.small-text;
	color: @gray;
}

.patient-desc-field 
{
	.reg-text;
	color: @darkgray;
}

a.patient-desc-field-phone
{
	.reg-text;
	text-decoration: none;
	color: @teal;
	cursor: text;
}

.patient-desc-field-g 
{
	.reg-text;
	color: @mediumgray;
}

.patient-desc-field-reason
{
	.reg-text;
	color: @darkgray;
	white-space: pre-wrap;
}

a#send-msg-pat.patient-desc-sendmessage-teal,
a#send-msg-pat-det.patient-desc-sendmessage-teal
{
	.reg-text;
	color: @teal !important;
	cursor:pointer;
}

.patient-item-detail-label 
{
	.small-text;
	color: @gray;
}

.patient-image
{
	max-width: 100%;
	height: auto;
}

.patient-image-top
{
	vertical-align:top;
	width: 90px;
}

.patient-view
{
	position: fixed;
	top: 100px;
	bottom: 0px;
	right: 0;
	left: 10px;
	
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;	
	z-index: 10;
}

.patient-header
{
	background-color: @palegray;
	position:relative; 
	width: 100%; 
	height: auto;
	min-height: 120px;
	border-top: 1px solid @lightgray;
	overflow:hidden;
}

.appointment-patient-header
{
	background-color: @palegray;
	position:relative; 
	width: 100%; 
	height: auto;
	min-height: 120px;
	border-top: 1px solid @lightgray;
	overflow:hidden;
	cursor: pointer;
}

.patient-send-message
{
	background-color: @palegray;
	position:relative; 
	width: 100%; 
	border-top: 1px solid @lightgray;
	overflow:hidden;
	padding: 10px;
	text-align: center;
}

.patient-inner-img-div
{
	width: 85px; 
	height:85px; 
	float:left; 
	margin: 22px 10px 0px 0px;
	overflow:hidden;
}

.patient-info
{
	float:left; 
	text-align: left; 
	margin-top:12px; 
	padding-bottom: 10px;
}

.patient-desc-label-s-caps
{
	.patient-desc-label-s;
	text-transform: uppercase;
}

.patient-alerts
{
	float:left;
	left: 5px;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	padding-left: 5px;
	padding-bottom: 20px;
	padding-right: 4px;
	border-bottom: 1px solid @lightgray;
	word-wrap: break-word;
}

.patient-moreinfo
{
	float:left;
	left: 5px;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	padding-left: 5px;
	padding-bottom: 20px;
	padding-right: 4px;
	border-bottom: 1px solid @lightgray;
	word-wrap: break-word;
}

.pat-nav-back
{
	position: absolute;
	left: 10px;
    top: 0;
	vertical-align: middle; 
	padding-left:10px; 
	line-height: 50px;
    height: 100%;
    width: 100%;
}

.patient-info-table-cell
{
	width: 100%;
}

.patient-info-link
{
	vertical-align: middle;
}

.patient-info-link-icon
{
	margin-right: 10px;
}

.patient-div-container
{
	display: none; 
	overflow: hidden;
}

/*Appointment Details*/
.appt-top-nav
{
	.med-text;
	width: 100%;
	height: 50px;
	position: fixed;
	background-color: @mediumgray;
	top: 50px;
	z-index: 1000;
	left: 0;
}

.appt-view
{
	position: fixed;
	top: 100px;
	bottom: 0px;
	right: 0;
	left: 10px;
	
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;	
	z-index: 10;
}

.appt-view .patient-desc-label-s
{
	display: block;
}

.appointment-details
{
	width: 100%; 
	border-top: 1px solid @lightgray;
	float: left; 
	text-align: left;
	min-height: 100px;
	display: inline-block;
	height: auto;
	overflow: hidden;
}

.appointment-detail-info
{
	float:left; 
	text-align: left; 
	display: inline-block;
	padding: 10px 0px 10px 0px;
	min-height: 100px;
}

.appointment-detail-reason-info
{
	float:left; 
	text-align: left; 
	padding: 10px 0px 10px 0px;
	border-top: 1px solid @lightgray;
	width: 100%;
	display: block;
	word-wrap: break-word;
}

.appointment-detail-info-left
{
	text-align: left; 
	width: 135px;
	padding: 10px 10px 10px 0px;
	min-height: 108px;
	overflow: hidden;
	height: 100%;
}

.appointment-detail-info-right
{
	margin-right: 5px;
	text-align: left; 
	padding: 10px 0px 10px 10px;
	min-height: 108px;
	height: auto;
	overflow: hidden;
	height: 100%;
}

.appointment-detail-info-td-left
{
	vertical-align:top;
	width: 50%;
}

.appointment-detail-info-td-right
{
	vertical-align:top;
	border-left: 1px solid @lightgray;
	width: 50%;
}


.appointment-top-header 
{
	position: relative; 
	width: 100%; 
	border-top: 1px solid @lightgray;
	float: left; 
	text-align: left;
}

.appt-topheader-datetime
{
	.large-text;
	float: left;
	font-weight: 600;
	color: @darkgray;
	padding-top: 10px;
	padding-bottom: 10px;
}

.appt-nav-back
{
	position: absolute;
	left: 10px;
    top: 0;
	vertical-align: middle; 
	padding-left:10px; 
	line-height: 50px;
    height: 100%;
    width: 100%;
}

.appt-treatm-icon
{
	float: left;
	color: @teal;
	margin-top: 3px;
	width: 5px;
}

.appt-treatm-header
{
	cursor: pointer;
}

.appt-treatm-details
{
	 position:relative; 
	 padding-left: 15px;
}

.appt-treatm-header-inner
{
	.reg-text;
	position:relative; 
	overflow: hidden;
	left:10px;
	padding-right: 15px;
}

.appt-moreinfo-icon
{
	float: left;
	color: @teal;
	margin-top: 4px;
}

.appt-moreinfo-header
{
	cursor: pointer;
}

.appt-moreinfo-det-summary
{
	.reg-text;
	color: @darkgray;
	position:relative; 
	padding-left: 15px;
	display:none;
}

.appt-date
{
	display: block;
}

// appointment / patient details for desktop

.scheduler-detail-top-nav-d
{
	.messenger-top-nav;
	background-color: @white;
	padding-left: 40px;
	font-size: 16px;
	padding-top: 7px;
	border-bottom: 1px solid @lightergray;
}

.appt-details-title-d 
{
	.small-text;
	text-align: left;
	text-transform: uppercase;
	color: @gray;
}

a.appt-details-return-d 
{
	.small-text;
	text-align: left;
	color: @teal;
	padding: 0;
}

.appt-details-d
{
	position: absolute;
	z-index: 3000;
	-webkit-overflow-scrolling: touch;	
	background-color: @white;
	overflow: auto;
	top: 100px;
	min-width: 960px;
	bottom: 0;
	width: 100%;
}

.appt-not-found-d
{
	.appt-details-d;
	background: url("../Images/debut_light_gray@2X.png");
}

.appt-not-found-d .error-page-container
{
	margin-top: 100px;
}

.appt-not-found-d .error-page-container.notfound_error_margin {
	margin-top: 0px;
}

.appt-not-found-d .error-reasons
{
	padding-bottom: 5px;
}

.appt-details-d .appt-date
{
	display: inline;
}

/* appt browser */
.appt-details-d .appt-view .patient-desc-label-s
{
	.reg-text;
	display: inline;
}

.appt-details-d  .appointment-top-header, .appt-details-d .patient-header
{
	border: none;
	
}



.appt-details-d .appointment-details, .appt-details-d .appointment-detail-reason-info, .appt-details-d .appointment-detail-info-td-right
{
	
	min-height: 0;
	padding-left: 0;
}

.appt-details-d .appt-view .appointment-details, .appt-details-d .appointment-detail-reason-info, .appt-details-d .appointment-detail-info-td-right
{
	border: none;
}

.appt-details-d .appointment-detail-info-left, .appt-details-d .appointment-detail-info-right, .appt-details-d .appointment-detail-info
{
	width: auto;
	min-height: 0;
}

.appt-details-d table
{
	
	width: 100%;
	min-height: 100%;
	height: 100%;
}

.appt-details-d td
{
	vertical-align: top;
	padding: 0;
	
}

.appt-details-d td.patient-td
{
	padding-right: 10px;
	background-color: @palegray;
	padding-left: 10px;
	border-left: 1px solid @lightgray;
	width: @sidebarwidth;
}

.appt-details-d td.appt
{
	padding-left: 40px;
	
}

.appt-details-d .patient-view, .appt-details-d .appt-view
{
	position: static;	
}

.appt-details-d .patient-view
{
	left: auto;
	width: @sidebarwidth;
	background-color: @palegray;
}

.appt-details-d .appt-view .patient-moreinfo
{
	border: none;
}

.appt-details-d .patient-view .patient-moreinfo
{
	border-bottom: 1px dashed @lightgray;
}

.appt-details-d .patient-view .ui-tabs .ui-tabs-nav li.ui-tabs-active, .appt-details-d .patient-view .ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
	background-color: @palegray;
	border-bottom-color: @palegray;
}

.appt-details-d .patient-alerts
{
	border: none;
}

.appt-details-d .appt-indicator-border-top
{
	/*border-top: 1px solid lightgray;*/
	padding-top:5px;
	width: 100%;
	/*white-space:nowrap;*/
}

.appt-details-d .patient-tabs-top
{
	z-index: 11; 
	position: relative; 
	clear: both; 
	padding: 0;
	background: none;

	.appt-note-add-header
	{
		position: relative; 
		display: block; 
		clear: both; 
		padding: 10px 0px; 
		margin-right: 20px;
	
		.appt-note-add-textarea
		{
			border-bottom:1px solid lightgray;
			.appt-note-add-control-button-div
			{
				padding-top: 10px;
				min-height: 50px;

				a.cancel
				{
					.reg-text;
					font-weight: 400;
					color: @teal;
					position: absolute;
					right: 130px;
					float: right;
				}

				.appt-note-add-control
				{
					padding-top:5px;
				}

				.primary-button-small
				{
					float: right;
					position: absolute;
					right:0px;
				}
			}

			.appt-note-add-bottom-border
			{
				border-bottom:1px solid lightgray;
			}

			textarea.appointment-notes-add
			{
				padding: 10px 5px;
				resize: none;
				outline:none;
				border: 1px solid @lightergray;
				border-radius: 4px;
				width: 100%;
				height: 100px;
				display: block;
				white-space: pre-wrap;
			}
		}
	}

	.appt-notes-separator
	{
		border-bottom:1px dashed @lightgray; 
		padding-bottom: 15px;
		padding-top: 15px;

		.appt-moreinfo-header
		{
			cursor: pointer;

			.appt-moreinfo-header-inner
			{
				position:relative; 
				padding-left: 15px;
			}
		}

		.appt-moreinfo-details
		{
				position:relative; 
				padding-left: 15px;

			.appt-note-delete
			{
				display: block; 
				cursor: pointer; 
				padding: 0px; 
				margin: 0px; 
				color: @teal;
				padding-top: 10px;
				display: table-cell;
			}
		}
	}
}


/* appt mobile */
.appt-details-m .appt-indicator-border-top
{
	border-top: 1px solid lightgray;
	padding-top:5px;
	width: 100%;
	overflow-x: true;
}

.appt-details-m .patient-tabs-top
{
	z-index: 11; 
	position: relative; 
	clear: both; 
	padding: 0;
	background: none;

	.appt-note-add-header
	{
		position: relative; 
		display: block; 
		clear: both; 
		padding: 10px 0px; 
		margin-right: 20px;
	
		.appt-note-add-textarea
		{
			border-bottom:1px solid lightgray;
			.appt-note-add-control-button-div
			{
				padding-top: 10px;
				min-height: 50px;

				a.cancel
				{
					.reg-text;
					font-weight: 400;
					color: @teal;
					float: left;
				}

				.appt-note-add-control
				{
					padding-top:5px;
				}

				.primary-button-small{
					float: right;
				}
			}

			.appt-note-add-bottom-border
			{
				border-bottom:1px solid lightgray;
			}

			textarea.appointment-notes-add
			{
				padding: 10px 5px;
				resize: none;
				outline:none;
				border: 1px solid @lightergray;
				border-radius: 4px;
				width: 100%;
				height: 100px;
				display: block;
				white-space: pre-wrap;
			}
		}
	}
	.appt-notes-separator
	{
		border-bottom:1px dashed @lightgray; 
		padding-bottom: 15px;
		padding-top: 15px;

		.appt-moreinfo-header
		{
			cursor: pointer;

			.appt-moreinfo-header-inner
			{
				position:relative; 
				padding-left: 15px;
			}
		}

		.appt-moreinfo-details
		{
				position:relative; 
				padding-left: 15px;

			.appt-note-delete
			{
				display:block; 
				cursor:pointer; 
				padding:0px; 
				margin: 0px; 
				color: @teal;
				padding-top: 10px;
				display: table-cell;
			}
		}
	}
}

.appt-not-found-d .error-page-container .notfound_error_margin {
	margin-top: 0px;
}

.notfound-top-nav-d {
	.messenger-top-nav;
	background-color: @white;
	padding-left: 40px;
	font-size: 16px;
	padding-top: 7px;
	border-bottom: 1px solid @lightergray;
}

a.notfound-return-d 
{
	.small-text;
	text-align: left;
	color: @teal;
	padding: 0;
}


/*jqueryUI tabs - Theme created by @gustavohenke for the jQuery UI Framework 1.9+  - awesome!*/
/*http://gustavohenke.github.io/jquery-ui-bootstrap*/
.ui-tabs { border: 0; }
.ui-tabs .ui-tabs-nav {
  margin-bottom: 5px;
  border-width: 0 0 1px;
  border-bottom-color: #ddd;
  background: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-widget-content { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Source Sans Pro, Helvetica Neue, Arial, san-serif; }
.ui-tabs .ui-tabs-nav li { padding-bottom: 1px; border-color: transparent; filter: none; margin-right: 0.7em; border-radius: 5px 5px 0 0; .fonts; font-weight:600;  }
.ui-tabs .ui-tabs-nav li a { padding: 0 15px; line-height: 34px; color: #555; border-radius: 10px 10px 0 0; background: #eee; }

.ui-tabs .ui-tabs-nav li:hover { background: #eee; }
.ui-tabs .ui-tabs-nav li a:hover { color: #555; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { border: 1px solid #ddd; border-bottom-color: #fff; background: #fff }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #555; background: #fff; }
.ui-tabs .ui-tabs-panel { padding: 0; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding-bottom: 0px; padding-top: 0px; }

.ui-state-default .ui-corner-top li { background: #dadada; }



.checkbox-button-nochecked {
	background-color: @white;
	border: 1px solid @lightergray;
	border-radius: 5px;

	color: @mediumgray;
	font-weight: 400;
	min-height: 30px;
	min-width: 100px;
	cursor: pointer;

	box-shadow: inset 0 0 1px rgba(@lightgray,.75);
	padding: 4px 10px;

	&.checked 
	{
		background-color: lighten(@teal, 40%);
	}
	&.disabled
	{
		background-color: @palegray;
		color: @lightgray;
	}
}

.checkbox-button-button {
	background-color: transparent;
	color: @mediumgray;
	font-weight: 400;
	.fonts;

	&:disabled
	{
		color: @lightgray;
	}
}

/*Kiosk Setings*/

.kiosk_body  {
  background-color: @lightergray;
}

.kiosk_left_panel {
	background-color: @palegray;
	-webkit-box-shadow: 0 0 10px rgba(231,231,231,.5), 3px 4px 5px rgba(206,206,206,.5);
	-moz-box-shadow: 0 0 10px rgba(231,231,231,.5), 3px 4px 5px rgba(206,206,206,.5);
	box-shadow: 0 0 10px rgba(231,231,231,.5), 3px 4px 5px rgba(206,206,206,.5);
	height: 900px;
	margin-left: -30px;
	padding: 20px;
}

.kiosk_container {
	background-color: @white;
	-webkit-box-shadow: 0 0 10px rgba(231,231,231,.5), 3px 4px 5px rgba(206,206,206,.5);
	-moz-box-shadow: 0 0 10px rgba(231,231,231,.5), 3px 4px 5px rgba(206,206,206,.5);
	box-shadow: 0 0 10px rgba(231,231,231,.5), 3px 4px 5px rgba(206,206,206,.5);
		

	h1 {
		font-size: 48px;
		line-height: 60px;
		font-weight: 700;
	}

	h2 {
		font-size: 30px;
		line-height: 42px;
		font-weight: 700;
		color: @kiosk_version_h2;
	}

	h3 {
		font-size: 28px;
		line-height: 20px;
		font-weight: 600;
	}

	.error_text {
		padding-top: 100px;
	}
}

/*Kiosk Admin*/
.kiosk_footer {
	position:absolute;
	bottom:100px;
	background-color: transparent;
	margin: auto;
	width:100%;
	text-align: center;
}

.kiosk-top-nav {
	height: 60px;
	background-color: @kiosk_version_h2;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.kiosk_well 
{
	.box-shadow(3px 4px 10px rgba(@lightgray,.75));
    margin-top: 100px;
	background-color: @white;
	padding:40px;
	min-height: 430px;
	.border-radius();
	position: absolute;

	h2 {
		font-weight: 600;
		color: @kiosk_version_h2;
	}

	h4 {
		font-weight: 600;
		padding-top: 20px;
		padding-bottom: 5px;
	}
}

.kiosk-version-error
{
	max-width: 400px;
}

.kiosk-red-highlight {
	padding-left: 5px;
	color: @lightred;
}

.kiosk_logo {
	float: left; 
	margin-left: 15%;
    width: 257px;
    padding-top: 3px;
}

.kiosk-login-nav 
{
	height: 80px;
	background: url("/v2/webapps/FirstAccess/static/img/1Alogo_WH_2015.svg") no-repeat left;
	background-color: #1b1b1b;
	background-size: 266px;
	background-position: 80px;
}
.Da_logo {
	float: left; 
	margin-left: 15%;
    width: 266px;
    padding-top: 8px;
}

.kiosk_admin_site_title {
	padding-top:18px;
}

/* Bootstrap 4.3.1 overrides. */
.btn-weekdays {
	color: @mediumgray;
	background-color: @lightergray;
	border-color: lighten(@teal, 30%);
	z-index: 1;
}

.btn-weekdays:focus, // AX-27042
.btn-weekdays.focus {
	outline: none;
	box-shadow: none;
}

.btn-weekdays:hover,
.btn-weekdays:active,
.btn-weekdays.active,
.btn-weekdays.btn:hover,
.btn-weekdays.btn.active,
.open > .dropdown-toggle.btn-weekdays {
  color: @mediumgray;
  background-color:  lighten(@teal, 40%);
  border-color:  lighten(@teal, 30%);
  z-index: 1;
}

.btn-weekdays:active, // AX-27042
.btn-weekdays.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-weekdays.disabled,
.btn-weekdays[disabled],
div[disabled] .btn-weekdays,
.btn-weekdays.disabled,
.btn-weekdays[disabled],
div.disabled .btn-weekdays {
  color: @lightgray;
  background-color: @lightergray;
  border-color: darken(@lightergray, 10%);
}

.btn-weekdays.disabled:hover,
.btn-weekdays[disabled]:hover,
.btn-weekdays.disabled:active,
.btn-weekdays[disabled]:active,
div[disabled] .btn-weekdays:active,
.btn-weekdays.disabled.active,
.btn-weekdays[disabled].active,
div.disabled .btn-weekdays.active {
  color: @lightgray;
  background-color: @palegray;
  border-color: darken(@palegray, 10%);
  box-shadow: inset 0 2px 1px rgba(0,0,0,.1);
  z-index: 1;
}

input[readonly].inputReadonly {
   background-color: #fff;
   cursor: pointer;
   
}
.domain
{
    text-align: left;
    .reg-text;
    margin-bottom: 5px;
}
.domain-m
{
    text-align: left;
    .reg-text;
    margin-bottom: 10px;
}

.change-domain 
{
   text-decoration: underline;
   cursor: pointer;
   margin-left: 10px;
}

#listUsers span
{
    float: left;		
}

.login-as{
    height: 40px;
    font-family: Source Sans Pro, Helvetica Neue, Arial, san-serif;
    font-size: 1.12em;
    font-weight: 600;
	color: @mediumgray;
    margin-top: 15px;
}

.m-list-users
{
	.m-folder;
    border-bottom: 1px solid @lightgray;
    color: @gray !important;
	padding-left: 25px;


	&:active 
	{
		.selected-item;
	}
}
.title-select-user
{
    .m-folder;
    padding-left: 40px !important;
    color: @verylightgray !important;
    background-color: @mediumgray !important;
}
.select-user
{
    width: 200px;
}
.selected-item
{    
	background-color: lighten(@teal, 40%) !important;
}
#loginDomainInformation
{
    margin-top: 10px;
}

label[for=logindomain]
{
    text-align: left !important;
    width: 80px !important;
}

.edge-gray
{
   filter: grayscale(100%);
}