/* Minification failed. Returning unminified contents.
(1259,1): run-time error CSS1019: Unexpected token, found '@import'
(1259,9): run-time error CSS1019: Unexpected token, found 'url("reset.css")'
(1260,1): run-time error CSS1019: Unexpected token, found '@import'
(1260,9): run-time error CSS1019: Unexpected token, found 'url("font-awesome.css")'
(4938,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4956,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4992,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5016,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5017,8): run-time error CSS1035: Expected colon, found '{'
 */
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	margin-top:5px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
	display:none;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
	display:none;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 0.5em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
    padding:0px;
    display:inline;
	border:1px solid #fff !important;
	background:white url("./images/formelements-select.png") no-repeat scroll right -10px center !important;
}
.ui-datepicker select.ui-datepicker-month
{
	width: 30%;
	float:left;
}

.ui-datepicker select.ui-datepicker-year {
	width: 30%;
	float:right;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	color:#1f8fce;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .5em .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
    background-color:#fff;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
    border: 1px solid #c9c9c9 !important;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background:#fff;
	/*background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;*/
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}



.ui-datepicker .ui-widget-header {
	/*border: 1px solid #e78f08;*/
	/*background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;*/
    background:none !important;
    border:none !important;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}


.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #fff;
	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #1f8fce;
	background: #fff;
	color:#1f8fce;
	font-weight: bold;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #1f8fce;
	/*background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;*/
	background:#1f8fce;
	font-weight: bold;
	color: #fff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #1f8fce;
	background: #fff;
	color:#1f8fce;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 5px;
}

@import url("reset.css");
@import url("font-awesome.css");
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.remover {
    cursor: pointer;
    vertical-align: middle;
}

.dynamicCase {
    margin-bottom: 10px;
}

.StillTicking {
    width: 50%;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
}

.TableLeftBox {
    width: 50%;
    float: left;
}

.leftTitleTop {
    float: left;
    width: 97.4%;
    background: #e6e6e6;
    padding: 5px;
    text-align: center;
    border: 1px solid #333;
}

    .leftTitleTop span {
        font-size: 18px;
        width: 100%;
        float: left;
    }

.tdTab {
    width: 100%;
    float: left;
}

    .tdTab table td {
        padding: 10px;
        text-align: left;
    }

.urgent_Class {
    background: #fff3fb !important;
}

.hide {
    display: none !important;
}

body {
    font-size: 14px;
    font-family: 'Lato-Regular' !important;
}

.highlight {
    background-color: #f9f1d8 !important;
}

.bookApp {
    background: #c02026 !important;
}

    .bookApp:hover {
        background: #841014 !important;
    }

.CaseMixList {
    height: 600px !important;
    overflow: auto !important;
}

.auditLabel {
    padding-top: 7px;
}




.light {
    background: #f3f3f3;
    overflow: hidden;
}

.page_wrapper {
    margin: 0;
    padding: 4em;
}

/*!
 * The important stuffs. The ones that you should copy-paste and use.
 */
.paginate {
    text-align: center;
}

    .paginate a {
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
        margin: 1px 2px;
        padding: 5px 10px;
        display: inline-block;
        border-top: 1px solid #fff;
        text-decoration: none;
        color: #717171;
        font-size: smaller;
        font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
        text-shadow: white 0 1px 0;
        background-color: #f5f5f5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
        background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image: linear-gradient(top, #f9f9f9, #eaeaea);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
    }

        .paginate a:first-child, .paginate a.first {
            margin-left: 0;
        }

        .paginate a:last-child, .paginate a.last {
            margin-right: 0;
        }

        .paginate a:hover, .paginate a:focus {
            border-color: #fff;
            background-color: #fdfdfd;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
            background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
            background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
            background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
            background-image: -o-linear-gradient(top, #fefefe, #fafafa);
            background-image: linear-gradient(top, #fefefe, #fafafa);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
        }

    .paginate .current {
        border-radius: 3px;
        margin: 1px 2px;
        padding: 5px 10px;
        display: inline-block;
        border-top: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
        border-color: #505050;
        color: #f2f2f2;
        font-size: smaller;
        font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
        text-shadow: black 0 1px 0;
        background-color: #676767;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
        background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
        background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
        background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
        background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
        background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');
    }

@font-face {
    font-family: 'Lato-Bold';
    src: url('/Content/Main/fonts/Lato-Bold_gdi.eot');
    src: url('/Content/Main/fonts/Lato-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('/Content/Main/fonts/Lato-Bold_gdi.woff') format('woff'), url('/Content/Main/fonts/Lato-Bold_gdi.ttf') format('truetype'), url('/Content/Main/fonts/Lato-Bold_gdi.svg#Lato-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('/Content/Main/fonts/Lato-Light_gdi.eot');
    src: url('/Content/Main/fonts/Lato-Light_gdi.eot?#iefix') format('embedded-opentype'), url('/Content/Main/fonts/Lato-Light_gdi.woff') format('woff'), url('/Content/Main/fonts/Lato-Light_gdi.ttf') format('truetype'), url('/Content/Main/fonts/Lato-Light_gdi.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('/Content/Main/fonts/Lato-Regular_gdi.eot');
    src: url('/Content/Main/fonts/Lato-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('/Content/Main/fonts/Lato-Regular_gdi.woff') format('woff'), url('/Content/Main/fonts/Lato-Regular_gdi.ttf') format('truetype'), url('/Content/Main/fonts/Lato-Regular_gdi.svg#Lato-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('/Content/Main/fonts/Lato-Black_gdi.eot');
    src: url('/Content/Main/fonts/Lato-Black_gdi.eot?#iefix') format('embedded-opentype'), url('/Content/Main/fonts/Lato-Black_gdi.woff') format('woff'), url('/Content/Main/fonts/Lato-Black_gdi.ttf') format('truetype'), url('/Content/Main/fonts/Lato-Black_gdi.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

h1 {
    font-size: 24px;
    color: #1f8fce;
    font-weight: normal;
    margin-bottom: 20px;
}

h3 {
    font-size: 18px;
    color: #1f8fce;
    font-weight: normal;
    margin-bottom: 20px;
}

.clr {
    clear: both;
    float: none;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF !important;
}

.container {
    width: 100%;
    margin: auto;
    min-height: 100%;
}

#login {
    /*background: url(/Content/Main/images/login_background.png) no-repeat; background-size:100%;*/
    background: #deeef8;
    min-height: 100%;
    width: 100%;
    float: left;
    position: relative;
}

#main {
    background: #fff;
    min-height: 100%;
    width: 100%;
    float: left;
    position: relative;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.row {
    width: 100%;
    float: left;
}

.form-signin {
    width: 332px;
    max-width: 332px;
    margin: 0 auto;
}

.form-control {
    padding: 10px 2% 9px !important;
}

    .form-control:focus {
        border-color: #66afe9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
}

.form-signin input[type="text"] {
    margin-bottom: 10px;
}

.login-title {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.profile-img {
    margin: 25px auto;
    display: block;
    width: auto;
    max-width: auto;
}

.need-help {
    display: block;
    color: #1f8fce !important;
    margin-top: 10px;
    text-decoration: underline;
}

.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0 0 0 0;
}

.btn_fxd {
    -moz-user-select: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    transition: all 0.1s ease-in 0s;
    border: 0;
    margin: 0 0 0 0;
    padding: 10px;
}



    .btn:hover, .btn:focus, .btn:active,
    .btn_fxd:hover, .btn_fxd:focus, .btn_fxd:active,
    .btn_60:hover, .btn_60:focus, .btn_60:active,
    .btn_38:hover, .btn_38:focus, .btn_38:active,
    .btn_add:hover, .btn_add:focus, .btn_add:active,
    .btn_addnew:hover, .btn_addnew:focus, .btn_addnew:active,
    .btn_freew:hover, .btn_freew:focus, .btn_freew:active,
    .btn_book:hover, .btn_book:focus, .btn_book:active {
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) inset;*/
        /*-webkit-transform: scale(0.98);*/
        /*transform: scale(0.98);*/
        background: #0b6ca2;
    }

.btn, .btn_fxd, .btn_60, .btn_38, .btn_add, .btn_addnew, .btn_freew, .btn_book, .btn_book_sm {
    -moz-user-select: none;
    background-color: #1f8fce;
    /*background-image: -moz-linear-gradient(center top , #1f8fce, #0a72ad 70%, #0a72ad 100%);*/
    color: #fff;
    transition: all 0.1s ease-in 0s;
    text-decoration: none;
}



.btn_60 {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 60%;
    border: 0;
    text-decoration: none;
}

.btn_38 {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 38%;
    float: right;
    border: 0;
    text-decoration: none;
}


.btn_add {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 3px 5px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.btn_book_sm {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0px 8px 2px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.btn_freew {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 5px 0px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}


/* Dashboard Page CSS starts here */

.header {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0;
}

.logo {
    width: auto;
    float: left;
    padding: 20px 25px;
}

    .logo a img {
        width: auto;
        max-width: 275px;
    }

.header_right {
    width: auto;
    float: right;
    padding-top: 40px;
}

.headerright_col1 {
    width: 230px;
    float: left;
    position: relative;
    margin: 0 25px 0 0;
}

.headerright_col2 {
    width: 230px;
    float: left;
    position: relative;
    margin: 0 25px 0 0;
}

.headerright_col3 {
    width: 230px;
    float: left;
    position: relative;
    margin: 0 25px 0 0;
}

.headerright_col1 i {
    color: #1f8fce;
    cursor: pointer;
    padding: 9px 0 0 15px;
    position: absolute;
    right: 17px;
    top: 0;
}

.loggedin_info {
    width: 200px;
    float: left;
    text-align: right;
    color: #1f8fce;
    padding: 0;
    line-height: 15px;
}

    .loggedin_info a {
        text-decoration: none;
        color: #000;
    }

.username {
    font-size: 15px;
}


nav {
    width: 100%;
    float: left;
    background: #1f8fce;
    border-bottom: 1px solid #365868;
    border-top: 1px solid #365868;
    padding: 0;
}

.dropdown {
    padding: 20px 0px !important
}


.logout {
    width: auto;
    float: right;
    text-align: left;
}

    .logout a {
        width: auto;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        background: #ffffff;
        border-radius: 5px;
        text-decoration: none;
        color: #1f8fce;
        padding: 10px 12px;
        margin: 8px 20px 0 0;
    }

        .logout a:hover {
            background: #dddddd;
        }

.content_area {
    background: #fff;
    padding: 1.5% 1.5% 100px;
    width: 97%;
    float: left;
}

.content_area1600 {
    width: auto;
    margin: 0 auto;
    overflow: auto;
}


.rows_container tr:nth-child(even) {
    background: #f5f5f5;
}

.rows_container tr:nth-child(odd) {
    background: #FFF;
}

.rows_container tr th {
    color: #1f8fce;
    padding: 10px 20px 10px 10px;
    text-align: center;
    background: #f5f5f5;
}

.rows_container tr td {
    color: #1f8fce;
    padding: 10px 20px 10px 10px;
    text-align: center;
    height: 30px;
    vertical-align: middle;
}


.rows_container {
    border: 1px solid #e9e9e9;
    width: 100%
}


    .rows_container tr td img {
        padding: 5px 3px 0;
    }

.pagination {
    width: 100%;
    float: left;
    text-align: right;
    padding: 20px 0%;
}




.page {
    display: inline-block;
    padding: 5px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 14px;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

    .page:hover {
        background: #fefefe;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
        background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
    }

    .page.active {
        border: none;
        background: #616161;
        box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
        color: #f0f0f0;
        text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    }

.row_col {
    width: 32.3333%;
    float: left;
    padding: 0 0.5%;
}

.widget {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    clear: both;
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%;
    float: left;
}

.wrapper_Btn {
    float: right;
    width: auto;
}

.widget .widget-header {
    background-color: #fff;
    /*background-image: -moz-linear-gradient(center top , #fcfcfc, #e8e8e8);*/
    /*border-bottom: 1px solid #cfcfcf;*/
    /*border-radius: 2px 2px 0 0;*/
    height: 44px;
    line-height: 42px;
    padding: 0 15px;
    color: #1f8fce;
    font-size: 18px;
}

    .widget .widget-header .title_left {
        color: #2d4c5e;
        float: left;
        font-size: 14px;
        text-transform: uppercase;
    }

.title_leftD {
    color: #fff;
    float: left;
    font-size: 18px;
}

.widget .widget-header .title_right {
    color: #2d4c5e;
    float: right;
    font-size: 14px;
    widt: auto;
    color: #1f8fce;
}

.link_seemore {
    width: auto;
    float: left;
}

    .link_seemore a {
        width: auto;
        float: left;
        background: url(/Content/Main/images/icon_seemore.png) no-repeat right 13px;
        padding-right: 30px;
        text-decoration: none;
        color: #1f8fce;
    }

        .link_seemore a:hover {
            background: url(/Content/Main/images/icon_seemore_hov.png) no-repeat right 13px;
            padding-right: 30px;
            text-decoration: none;
        }

.widget .widget-body {
    border-bottom: 1px solid #b3b3b3;
    border-radius: 0 0 2px 2px;
    padding: 2% 2% 0 2%;
    background: #fff;
    width: 96%;
    float: left;
    height: 140px;
    overflow: auto;
}

.widget .widget-body_freeheight {
    border-bottom: 1px solid #b3b3b3;
    border-radius: 0 0 2px 2px;
    padding: 2%;
    background: #fff;
    width: 96%;
    float: left;
    overflow: auto;
}


.row_hd {
    width: 96%;
    float: left;
    border-bottom: 1px solid #f5f5f5;
    padding: 0px 2% 10px;
    color: #1f8fce;
}

.row_content {
    width: 96%;
    float: left;
    padding: 10px 2%;
}

.row_hd_Srtxt {
    width: 25%;
    float: left;
}

.row_hd_Nametxt {
    width: 45%;
    float: left;
}

.row_hd_phntxt {
    width: 30%;
    float: left;
}

.row_content_Srtxt {
    width: 25%;
    float: left;
}

.row_content_Nametxt {
    width: 45%;
    float: left;
}

.row_content_phntxt {
    width: 30%;
    float: left;
}

.dark_bg {
    background: #f5f5f5;
}

.dashboard_widget {
    background: #1f8fce none repeat scroll 0 0;
    border: 1px solid #8f8f8f;
    border-radius: 10px;
    clear: both;
    float: left;
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%;
    padding: 15px 0;
}

    .dashboard_widget .widget-header {
        /*background-color: #fff;*/
        /*background-image: -moz-linear-gradient(center top , #fcfcfc, #e8e8e8);*/
        /*border-bottom: 1px solid #cfcfcf;*/
        /*border-radius: 2px 2px 0 0;*/
        padding: 0 15px;
        color: #1f8fce;
        font-size: 18px;
    }

        .dashboard_widget .widget-header .title_left {
            color: #2d4c5e;
            float: left;
            font-size: 14px;
            text-transform: uppercase;
        }


        .dashboard_widget .widget-header .title_right {
            color: #2d4c5e;
            float: right;
            font-size: 14px;
            width: auto;
            color: #1f8fce;
        }

    .dashboard_widget .widget-body {
        /*border-bottom:1px solid #b3b3b3;*/
        border-radius: 0 0 2px 2px;
        padding: 2% 2% 0 2%;
        /*background:#fff;*/
        width: 96%;
        float: left;
        height: 160px;
        overflow: auto;
    }

    .dashboard_widget .widget-body_freeheight {
        border-bottom: 1px solid #b3b3b3;
        border-radius: 0 0 2px 2px;
        padding: 2%;
        background: #fff;
        width: 96%;
        float: left;
        overflow: auto;
    }

    .dashboard_widget .row_hd {
        width: 96%;
        float: left;
        padding: 0px 2% 10px;
        color: #003857;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 0;
    }

    .dashboard_widget .row_content {
        width: 96%;
        float: left;
        padding: 10px 2%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #135f8a;
    }

    .dashboard_widget .row_hd_Srtxt {
        width: 25%;
        float: left;
    }

    .dashboard_widget .row_hd_Nametxt {
        width: 45%;
        float: left;
    }

    .dashboard_widget .row_hd_phntxt {
        width: 30%;
        float: left;
    }

    .dashboard_widget .row_content_Srtxt {
        width: 25%;
        float: left;
    }

    .dashboard_widget .row_content_Nametxt {
        width: 45%;
        float: left;
    }

    .dashboard_widget .row_content_phntxt {
        width: 30%;
        float: left;
    }

.widget_count {
    width: 100%;
    float: left;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 128px;
    font-weight: bold;
    color: #fff;
}

/* Dashboard Page CSS ends here */


/* New Patient Record Page CSS starts here */

.patientrecord_col {
    width: 32.3333%;
    float: left;
    padding: 0 0.5%;
}

.patientrow_content {
    width: 96%;
    float: left;
    padding: 0px 2%;
    margin-bottom: 20px;
}

.patientrow_left {
    width: 30%;
    float: left;
    padding: 7px 5% 0 0;
    text-align: left
}

.patientrow_right {
    width: 65%;
    float: left;
}

    .patientrow_right .user_input {
        background: #fff;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        color: #1f8fce;
        line-height: 20px;
        margin: 0;
        padding: 6px 4%;
        transition: all 0.5s ease 0s;
        width: 90%;
        margin-right: 25px;
    }

.red {
    color: #fc0204;
    font-weight: bold;
}

/* New Patient Record Page CSS ends here */


.form_error, .field-validation-error {
    color: red;
    float: left;
    font-size: 12px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}

.validation-summary-errors {
    color: red;
    font-size: 12px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}

.footer {
    width: 96%;
    color: #898989;
    border-top: 1px solid #e9e9e9;
    padding: 10px 2%;
    position: absolute;
    bottom: 0
}



/* ----------------------------------------------  Reset form elements ---------------------------------------------- */

input, textarea {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: inherit;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    box-sizing: border-box;
}

    /* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */


    input[type="text"], input[type="password"], textarea, div.styled, input[type="file"] {
        width: 100%;
        border-radius: 5px;
        background-color: #fff;
        background-image: none;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        color: #1f8fce;
        display: block;
        /*font-size: 15px;*/
        padding: 8px 2%;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
    }


select {
    width: 100%;
    padding: 8px 2%;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    color: #1f8fce;
}

    select::-ms-expand {
        display: none;
    }


div.styled, select, input[type="submit"], input[type="button"],
input[type="file"]:after {
    background: white url(/Content/Main/images/formelements-select.png) no-repeat center right;
}

input[type="text"], textarea, input[type="file"] {
    background-color: #fff;
}

.ie9 input[type="text"] {
    line-height: normal;
}
/* Get the stuff to line up right */

textarea {
    width: 100%;
    height: auto;
    font-size: 14px;
}

/* ----------------------------------------------  Select menu  ---------------------------------------------- */

/* For IE and Firefox */

div.styled {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.ie7 div.styled {
    border: none;
}

div.styled select {
    width: 108%;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
}

.ie7 div.styled select {
    width: 100%;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 0.3em 0.5em;
}

/* ----------------------------------------------  File field  ----------------------------------------------  */

/* Webkit Only */

input[type="file"] {
    position: relative;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 73%;
    padding: 0;
}

input[type=file]::-webkit-file-upload-button {
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    border: none;
}

input[type="file"]:after {
    content: 'Upload File';
    margin: 0 0 0 0.5em;
    display: inline-block;
    left: 100%;
    position: relative;
    background: white url(/Content/Main/images/formelements-select.png) no-repeat center left;
    padding: 0.3em 0.5em;
    border: solid 1px #ccc !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    border-radius: 4px;
}


input[type="file"]:active:after {
    box-shadow: none;
}


/* ----------------------------------------------  Checkboxes and Radio inputs  ----------------------------------------------  */

/*input[type="radio"], 
	input[type="checkbox"] { position: absolute; left: -999em; }*/

/*label:before { 
		display: inline-block; position: relative; top:0.25em; left:-2px; 
		content:''; width:25px; height:25px;
		background-image:url(/Content/Main/images/formelements.png); }*/

/*input[type="checkbox"] + label:before { background-position: 0 -25px;}
	input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
		 
	input[type="radio"] + label:before { background-position: -25px -25px;}	 	
	input[type="radio"]:checked + label:before { background-position: -25px 0;}*/

/* Remove the custom styling for IE 7-8 */

.ie8 label:before {
    display: none;
    content: none;
}

.ie8 input[type="checkbox"],
.ie8 input[type="radio"],
.ie7 input[type="checkbox"],
.ie7 input[type="radio"] {
    position: static;
    left: 0;
}

.ie8 input[type="checkbox"],
.ie8 input[type="radio"] {
    position: relative;
    top: 5px;
    margin-right: 0.5em;
}

input[type="text"]:focus, textarea:focus {
    border-color: #000;
}

/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */

input[type="submit"],
input[type="button"] {
    padding: 0.5em 1em;
    line-height: 1em;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
    font-size: inherit;
    border: solid 1px #ccc;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    background-position: center bottom;
}

    /* Gradient Generator by : http://www.colorzilla.com/gradient-editor/ */

    input[type="submit"]:active,
    input[type="button"]:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* IE7 needs you to change the background to transparent when using image background for submit buttons */



/* added on 03-June */

.form-signin p {
    padding: 10px 0 20px;
}

.big_font {
    font-size: 18px;
}

.account-wall {
    padding: 50px;
    width: 332px;
    margin: 5% auto 0;
    border-radius: 10px;
    background-color: #ffffff;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    float: none;
}


.wrapper {
    /*width: 900px;*/
    width: 1000px;
    margin: 0 auto;
}

/*added on 04-June*/

.checkbox_lisitng {
    width: auto;
    float: left;
}

    .checkbox_lisitng li {
        width: auto;
        float: left;
        padding-right: 38px;
        padding-bottom: 10px;
    }

.actionListing {
    min-width: 100px;
    float: left;
}

    .actionListing li {
        width: auto;
        float: left;
        padding-bottom: 10px;
    }

        .actionListing li a {
            padding: 0;
        }

.row_col50 {
    width: 49%;
    float: left;
    padding: 0 1% 0 0;
}

.row_col25 {
    width: 24%;
    float: left;
    padding: 0 0.5%;
}

.triageOptions {
    width: 100%;
    margin-top: 10px;
    line-height: 18px;
    float: left;
}

.patientrow_col25 {
    width: 23.5%;
    float: left;
    padding: 0px 0 10px 2%;
    margin: 0;
}

    .patientrow_col25:first-child {
        width: 23.5%;
        float: left;
        padding: 0px 0 0 0;
        margin: 0;
    }

.patientrow_col50 {
    width: 48%;
    float: left;
    padding: 0px 0 0 2%;
}

    .patientrow_col50:first-child {
        width: 48%;
        float: left;
        padding: 0px 0 0 0;
    }

.patientrow_col33 {
    width: 32%;
    float: left;
    padding: 0px 0 0 2%;
}

    .patientrow_col33:first-child {
        width: 32%;
        float: left;
        padding: 0px 0 0 0;
    }

.patientrow_col15 {
    width: 15%;
    float: left;
    padding: 0px 0 0 2%;
    margin: 0;
}

    .patientrow_col15:first-child {
        width: 15%;
        float: left;
        padding: 0px 0 0 0;
        margin: 0;
    }

.patientrow_col13 {
    width: 13%;
    float: left;
    padding: 0px 0 0 2%;
    margin: 0;
}

    .patientrow_col13:first-child {
        width: 13%;
        float: left;
        padding: 0px 0 0 0;
        margin: 0;
    }

.patientrow_col10 {
    width: 10%;
    float: left;
    padding: 0px 0 0 2%;
    margin: 0;
}

    .patientrow_col10:first-child {
        width: 10%;
        float: left;
        padding: 0px 0 0 0;
        margin: 0;
    }


.patientrow_col20 {
    width: 18.5%;
    float: left;
    padding: 0px 0 0 2%;
}

    .patientrow_col20:first-child {
        width: 18%;
        float: left;
        padding: 0px 0 0 0;
    }

.patientrow_col30 {
    width: 30%;
    float: left;
    padding: 0px 0 0 2%;
}

.patientrow_col77 {
    width: 60%;
    float: left;
    padding: 0px 0 0 2%;
}

    .patientrow_col77:first-child {
        width: 60%;
        float: left;
        padding: 0px 0 0 0;
    }

    .patientrow_col77 .divCaseMix {
        border: 1px solid #b3b3b3;
        border-radius: 5px 5px 5px 5px;
        padding: 2%;
        background: #fff;
        min-height: 50px;
        max-height: 150px;
        overflow-x: hidden;
        overflow-y: auto;
        width: 73%;
        float: left;
    }



.casemix_lisitng {
    width: 100%;
    float: left;
}

.contractCaseMix {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px 5px 5px 5px;
    padding: 2%;
    background: #fff;
    border: 1px solid #b3b3b3;
    width: 96%;
}

    .contractCaseMix li {
        width: 50% !important;
    }


.casemix_lisitng li {
    width: 25%;
    float: left;
    padding-bottom: 10px;
}


.btn_addnew {
    -moz-user-select: none;
    border: 1px solid #1f8fce;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    text-decoration: none;
}


.icon_col {
    width: 50px;
    float: left;
}

.patientrow_leftb {
    width: 45%;
    float: left;
    padding: 7px 3% 0 0;
}

.patientrow_rightb {
    width: 52%;
    float: left;
}


.centered {
    text-align: center;
    width: 23% !important;
}

.padb10 {
    padding-bottom: 10px;
}

.row_col70 {
    width: 68%;
    float: left;
    margin: 0 2% 0 0;
    padding: 0;
}

.row_col30 {
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
}

.row_col60 {
    width: 58%;
    float: left;
    margin-right: 2%;
    padding: 0;
}

.row_col40 {
    width: 40%;
    float: left;
    padding: 0;
}


h2 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.btm_bdr {
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 20px !important;
}

.mar_btm {
    margin-bottom: 20px;
}

.mar_btm10 {
    margin-bottom: 10px;
}

.grid_row {
    /*background: #00356a none repeat scroll 0 0;*/
    float: left;
    padding: 6px;
    width: auto;
}

.grid_one {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    margin: 0 7px;
    padding: 5px;
    width: 181px;
    border-radius: 5px;
}

    .grid_one:last-child {
        margin-right: 0;
    }

.statistics {
    height: 800px;
    overflow: auto;
}

.grid_two {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    margin: 0 7px;
    padding: 5px;
    width: 180px;
}

.grid_three {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    margin: 0 7px;
    padding: 5px;
    width: 181px;
}

.clinic_name {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    word-wrap: break-word;
}

.distance {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 14px;
    word-wrap: break-word;
}

.availability {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 14px;
    word-wrap: break-word;
}

.elements-container {
    max-height: 250px;
    max-width: fit-content;
    overflow-y: auto;
    border: 1px solid #b3b3b3;
    border-radius: 0 0 2px 2px;
    padding: 1.3%;
    border-radius: 4px;
    margin-bottom: 4%;
}

.elements-container-row {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 2% 0;
}
.checkbox-list-item-label {
    white-space: nowrap;
}
.checkbox-list-item {
    margin-left: auto;
    transform: scale(1.4);
    transform-origin: center;
}

.info-icon {
    display: inline-block;
    margin-left: 6px;
    cursor: help;
    font-size: 14px;
    color: #6c757d; /* muted gray */
}


.wrapper-dropdown-2 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    margin: 0 auto;
    padding: 9px 3%;
    /* Styles */
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    color: #1f8fce;
    font-family: "Lato-regular";
    font-size: 14px;
    position: relative;
    width: 94%;
}

    .wrapper-dropdown-2:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 16px;
        top: 50%;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: grey transparent;
    }

    .wrapper-dropdown-2 .dropdown {
        /* Size & position */
        position: absolute;
        top: 100%;
        left: 0px;
        right: 0px;
        /* Styles */
        background: white;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        list-style: none;
        /* Hiding */
        opacity: 0;
        pointer-events: none;
        border-radius: 5px;
        border: 1px solid #c9c9c9;
        padding: 0 5px;
        z-index: 9;
    }

        .wrapper-dropdown-2 .dropdown li {
            border-bottom: 1px solid #c9c9c9;
        }

            .wrapper-dropdown-2 .dropdown li:last-child {
                border-bottom: 0px solid #c9c9c9;
            }

            .wrapper-dropdown-2 .dropdown li a {
                display: block;
                text-decoration: none;
                color: #333;
                padding: 10px;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

            .wrapper-dropdown-2 .dropdown li i {
                margin-right: 5px;
                color: inherit;
                vertical-align: middle;
            }

            /* Hover state */

            .wrapper-dropdown-2 .dropdown li:hover a {
                color: grey;
            }

    /* Active state */

    .wrapper-dropdown-2.active:after {
        border-width: 0 6px 6px 6px;
    }

    .wrapper-dropdown-2.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }

/* No CSS3 support */

.no-opacity .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

input[type="checkbox"] {
    margin-right: 8px;
}


.sorting, .sorting_asc, .sorting_desc {
    background-color: #F5F5F5 !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px !important;
}

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

.dataTables_info, .dataTables_length {
    color: #1F8FD5 !important;
}

.date_block {
    float: left;
    width: 100%;
}

    .date_block input {
        width: 90% !important;
        float: left;
    }
/*If Client Says for Trigger button*/
/*.ui-datepicker-trigger
{
    margin-left:10px;
    margin-top:3px;
    padding:3px;
}*/

/*Better*/
.ui-datepicker-trigger {
    display: none;
}

table.dataTable {
    width: 99% !important;
}

.grid tr th {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    font-weight: bold;
}

.grid tr td {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.submenu_toparrow {
    display: block;
    width: 100%;
    position: absolute;
    top: -13px;
    left: 0;
    text-align: center;
}

.subHeader {
    background: #e9e9e9 none repeat scroll 0 0 !important;
}

.legend_listing {
    width: 100%;
    float: left;
    list-style: none;
    list-style-type: none;
    margin-top: 15px;
}

    .legend_listing li {
        width: 100%;
        float: left;
    }

.dark {
    background: #bfe3f0;
}

.legend_numbering {
    width: 25%;
    float: left;
    list-style: none;
    list-style-type: none;
    padding: 7px 5% 5px 0;
    text-align: right;
}

.legend_cell {
    width: 69%;
    float: left;
    border: 1px solid #2b2a2a;
    list-style: none;
    list-style-type: none;
    padding: 5px 0 5px 0;
    text-align: center;
}

.btn_listing_zone {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.btn_listing {
    width: 100%;
    float: left;
    list-style: none;
    list-style-type: none;
}

    .btn_listing li {
        width: auto;
        float: left;
        margin: 0 10px 10px 0;
    }

        .btn_listing li a {
            width: 80px;
            border-radius: 5px;
            cursor: pointer;
            float: left;
            height: 40px;
            text-align: center;
            padding: 60px 10px 0px 10px;
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            font-size: 13px;
            line-height: 15px;
        }

            .btn_listing li a.book {
                background: #3a5c62 url(/Content/Main/images/icon_book.png) no-repeat center 25%;
            }

                .btn_listing li a.book:hover {
                    background: #3a5c62 url(/Content/Main/images/icon_book_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.discharge {
                background: red url(/Content/Main/images/icon_discharge.png) no-repeat center 25%;
            }

                .btn_listing li a.discharge:hover {
                    background: red url(/Content/Main/images/icon_discharge_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.send {
                background: #00a2d5 url(/Content/Main/images/icon_send.png) no-repeat center 25%;
            }

                .btn_listing li a.send:hover {
                    background: #00a2d5 url(/Content/Main/images/icon_send_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.deceased {
                background: #366900 center 25%;
            }

                .btn_listing li a.deceased:hover {
                    background: #366900 center 25%;
                    font-weight: bold;
                }

            .btn_listing li a.patient {
                background: #bb4b00 url(/Content/Main/images/icon_patient.png) no-repeat center 25%;
            }

                .btn_listing li a.patient:hover {
                    background: #bb4b00 url(/Content/Main/images/icon_patient_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.history {
                background: #893ca2 url(/Content/Main/images/icon_history.png) no-repeat center 25%;
            }

                .btn_listing li a.history:hover {
                    background: #893ca2 url(/Content/Main/images/icon_history_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.appointment {
                background: #0f00d5 url(/Content/Main/images/icon_appointment.png) no-repeat center 25%;
            }

                .btn_listing li a.appointment:hover {
                    background: #0f00d5 url(/Content/Main/images/icon_appointment_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.report {
                background: #a1a1a1 url(/Content/Main/images/icon_report.png) no-repeat center 25%;
            }

                .btn_listing li a.report:hover {
                    background: #a1a1a1 url(/Content/Main/images/icon_report_hov.png) no-repeat center 25%;
                }

            .btn_listing li a.call {
                background: #d8a300 url(/Content/Main/images/icon_call.png) no-repeat center 25%;
            }

                .btn_listing li a.call:hover {
                    background: #d8a300 url(/Content/Main/images/icon_call_hov.png) no-repeat center 25%;
                }

input[type="radio"] {
    margin-right: 10px;
}

/*label{margin-right:20px;}*/

.btn_book {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
}

.clinic_listing {
    width: 100%;
    float: left;
    padding: 0 0 0;
    margin: 0 0 10px 0;
}

.clinic_name_b {
    width: 18%;
    float: left;
    padding: 10px 2% 0 0;
    margin: 0 0 0 0;
}

.clinic_date {
    width: 16%;
    float: left;
    padding: 10px 2% 0 0;
    margin: 0 0 0 0;
}

.clinic_miles {
    width: 16%;
    float: left;
    padding: 10px 2% 0 0;
    margin: 0 0 0 0;
}

.clinic_btnbook {
    width: 18%;
    float: left;
    padding: 0px 2% 0 0;
    margin: 0 0 0 0;
}

.clinic_btn_moredate {
    width: 24%;
    float: left;
    padding: 0px 0 0 0;
    margin: 0 0 0 0;
}

.patientrow_col77_65 {
    width: 65%;
    float: left;
    padding: 0px 0 0 2%;
}

    .patientrow_col77_65:first-child {
        width: 60%;
        float: left;
        padding: 0px 0 0 0;
    }

    .patientrow_col77_65 .divCaseMix {
        border: 1px solid #b3b3b3;
        border-radius: 5px 5px 5px 5px;
        padding: 2%;
        background: #fff;
        min-height: 50px;
        max-height: 150px;
        overflow-x: hidden;
        overflow-y: auto;
        width: 71%;
        float: left;
    }

    .patientrow_col77_65 .patientrow_leftb {
        width: 21%;
        float: left;
        padding: 7px 3% 7px 0;
    }

.mt13 {
    margin-top: 13px;
    padding: 0 !important;
}

.link_info {
    width: auto;
    float: right;
}

    .link_info a .fa {
        font-size: 24px;
        color: #0b6ca2;
    }

.patientrow_left_source {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    float: left;
    width: 100%;
    height: 250px;
    overflow: auto;
}

.patientrow_right_desti {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    float: left;
    margin-top: 7px;
    width: 94%;
    height: 210px;
    overflow: auto;
    padding: 20px 3%;
}

.dynamicAdded {
    border-bottom: 1px solid #c9c9c9;
    float: left;
    padding: 10px 0%;
    padding-bottom: 10px;
    width: 100%;
}

    .dynamicAdded img {
        height: 20px;
        cursor: pointer;
        float: right;
    }

.handle img {
    height: 20px;
    cursor: pointer;
    float: right;
}


/*clinic overview Page 11-09-2015
=====================================================*/
.clinicNameList {
    padding: 0.5%;
    width: 99%;
    float: left;
}

.clinicNameContent {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f3f1f1;
}

.leftTimeCli {
    float: left;
    width: 4% !important;
    list-style: outside none none;
    padding-top: 20px;
    text-align: center;
    min-height: 30px;
}

    .leftTimeCli tr {
        margin: 0px;
        padding: 0px;
    }

        .leftTimeCli tr td {
            padding: 19px 0px;
            list-style: none;
            text-align: center;
            border-bottom: 1px solid #f3f1f1;
            float: left;
            width: 100%;
        }





.rightTimeCli {
    float: right;
    width: 96%;
}

    .rightTimeCli tr {
        margin: 0px;
        padding: 0px;
    }

        .rightTimeCli tr td {
            float: left;
            width: 100%;
            border-bottom: 1px solid #f3f1f1;
            min-height: 52px;
        }


    .rightTimeCli img {
        position: relative;
        top: 5px;
    }

.orgLightBox {
    float: left;
    width: 99%;
    padding: 7px 10px 0;
    min-height: 44px;
}

.orgLightBox, .org_light {
    background: #ffe0e2;
}

    .orgLightBox, .org_light span {
        font-size: 14px;
        font-family: 'Lato-bold' !important;
    }

.grLightBox {
    float: left;
    width: 99%;
    padding: 7px 10px 0;
    min-height: 44px;
}

.grLightBox, .gr_light {
    background: #e8f1da;
}

    .grLightBox, .gr_light span {
        font-size: 14px;
        font-family: 'Lato-bold' !important;
    }

.whiLightBox {
    float: left;
    width: 99%;
    padding: 18px 10px 0;
    min-height: 32px;
}

.whiLightBox, .whi_light {
    background: #fff;
}

    .whiLightBox, .whi_light span {
        font-size: 14px;
        font-family: 'Lato-bold' !important;
    }


.yloLightBox {
    float: left;
    width: 99%;
    padding: 7px 10px 0;
    min-height: 44px;
}

.yloLightBox, .ylo_light {
    background: #fffadd;
}

    .yloLightBox, .ylo_light span {
        font-size: 14px;
        font-family: 'Lato-bold' !important;
    }


.gayLightBox {
    float: left;
    width: 99%;
    padding: 7px 10px 0;
    min-height: 44px;
}

.gayLightBox, .gay_light {
    background: #e6f2f8;
}

    .gayLightBox, .gay_light span {
        font-size: 14px;
        font-family: 'Lato-bold' !important;
    }

.sandLightBox {
    float: left;
    width: 99%;
    padding: 7px 10px 0;
    min-height: 44px;
}

.sandLightBox, .sand_light {
    background: #EEE;
}

    .sandLightBox, .sand_light span {
        font-size: 14px;
        font-family: 'Lato-bold' !important;
    }

.grayBtnRightTab {
    width: 100%;
    float: left;
    text-align: center;
}

.grayTabBtn {
    background: #b5b5b5;
    padding: 4px 0px !important;
    border-radius: 12px;
    color: #fff;
}

.grayTabBtn2 {
    background: #b5b5b5;
    padding: 4px 10px !important;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    font-size: 13px !important;
    font-family: 'Lato-Light' !important;
}

.greenBtn a {
    min-width: 140px;
    text-align: center;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #89bf36;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    padding: 12px 30px;
    margin: 0px 5px 8px 0;
}

    .greenBtn a:hover {
        background: #99d143;
    }

.yaoLightBtn a {
    min-width: 140px;
    text-align: center;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #d4be3e;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    padding: 14px 30px;
    margin: 0px 5px 8px 0;
}

    .yaoLightBtn a:hover {
        background: #ebd44e;
    }

.yaoDarkBtn a {
    min-width: 140px;
    text-align: center;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #a7952d;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    padding: 14px 30px;
    margin: 0px 5px 8px 0;
}

    .yaoDarkBtn a:hover {
        background: #bca834;
    }

.blueLightBtn a {
    min-width: 140px;
    text-align: center;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #1f8fce;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    padding: 14px 30px;
    margin: 0px 5px 8px 0;
}

    .blueLightBtn a:hover {
        background: #2a9fe0;
    }

.blueDarkBtn a {
    min-width: 140px;
    text-align: center;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #1878ae;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    padding: 14px 30px;
    margin: 0px 5px 8px 0;
}

    .blueDarkBtn a:hover {
        background: #2083bb;
    }

.span_txt {
    width: 60%;
    float: left;
}

.span_btn {
    width: 40%;
    float: right;
    margin: 0;
    padding: 0;
}

/*----------------------------------------------  Media Queries ----------------------------------------------  */

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

    #login {
        background: url(/Content/Main/images/login_background.png) no-repeat;
        min-height: 100%;
        width: 90%;
        float: left;
        padding: 0 5%;
        position: relative;
    }

    #main {
        background: #fff;
        min-height: 100%;
        width: 90%;
        float: left;
        padding: 0 5%;
        position: relative;
    }

    .account-wall {
        padding: 10%;
        width: 70%;
        max-width: 332px;
        margin: 5%;
        border-radius: 10px;
        background-color: #ffffff;
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        float: left;
    }

    .wrapper {
        /*width: 900px;*/
        width: 100%;
        margin: 0 auto;
    }

    .patientrow_col25 {
        width: 100%;
        float: left;
        padding: 0px 0 10px 0;
        margin: 0 0 5px 0;
    }

        .patientrow_col25:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 10px 0;
            margin: 0 0 5px 0;
        }

    .patientrow_col50 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0;
    }

        .patientrow_col50:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
        }

    .patientrow_col33 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0;
    }

        .patientrow_col33:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
        }

    .patientrow_col15 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0%;
        margin: 0 0 5px 0;
    }

        .patientrow_col15:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
            margin: 0 0 5px 0;
        }

    .patientrow_col30 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0%;
    }

    .patientrow_leftb {
        width: 100%;
        float: left;
        padding: 7px 0 7px 0;
    }

    .patientrow_rightb {
        width: 100%;
        float: left;
    }

    .form-signin {
        width: 100%;
        max-width: 332px;
        margin: 0 auto;
    }

    .profile-img {
        margin: 25px auto;
        display: block;
        width: 100%;
        max-width: 321px;
    }

    .btn {
        -moz-user-select: none;
        border: 1px solid transparent;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .btn_60 {
        -moz-user-select: none;
        border: 1px solid transparent;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        margin: 5px 0 5px 0;
        padding: 10px 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        border: 0;
    }

    .btn_38 {
        -moz-user-select: none;
        border: 1px solid transparent;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        margin: 5px 0 5px 0;
        padding: 10px 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        float: right;
        border: 0;
    }

    .btn_fxd {
        -moz-user-select: none;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
        text-align: center;
        vertical-align: middle;
        width: 200px;
        transition: all 0.1s ease-in 0s;
        border: 0;
        margin: 5px 0;
        padding: 10px 0;
    }


    .btn, .btn_fxd, .btn_60, .btn_38, .btn_add, .btn_addnew, .btn_freew, .btn_book {
        -moz-user-select: none;
        background-color: #1f8fce;
        /*background-image: -moz-linear-gradient(center top , #1f8fce, #0a72ad 70%, #0a72ad 100%);*/
        color: #fff;
        transition: all 0.1s ease-in 0s;
    }

    .header {
        width: 100%;
        float: left;
        background: #fff;
        padding: 0;
    }

    .logo {
        float: left;
        padding: 20px 0%;
        width: 100%;
    }

        .logo a img {
            width: auto;
            max-width: 275px;
        }

    .header_right {
        width: 100%;
        float: left;
        padding-top: 10px;
    }

    .headerright_col1 {
        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

    .headerright_col2 {
        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

    .headerright_col3 {
        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

    .loggedin_info {
        width: 90%;
        float: left;
        text-align: center;
        color: #1f8fce;
        padding: 0 5%;
        line-height: 20px;
    }

    nav {
        width: 100%;
        float: left;
        background: #fff;
        border-bottom: 1px solid #365868;
        border-top: 1px solid #365868;
        padding: 0;
    }

    .logout {
        width: 100%;
        float: left;
        text-align: center;
    }

        .logout a {
            width: auto;
            float: none;
            background: #f9f9f9;
            border: 1px solid #cfcfcf;
            border-radius: 3px;
            text-decoration: none;
            color: #231f20;
            padding: 9px 20px;
            margin: 10px auto;
            background-image: linear-gradient(#f2f2f2, #ebebeb 85%, #cccccc);
            transition: all 0.3s ease-in-out 0s;
            display: inline-block;
        }

    .content_area {
        background: #fff;
        padding: 5% 0 100px;
        width: 100%;
        float: left;
    }

    .patientrow_content {
        width: 100%;
        float: left;
        padding: 0px 0%;
        margin-bottom: 20px;
    }

    .submenu_toparrow {
        display: none;
        width: 100%;
        position: absolute;
        top: -13px;
        left: 0;
        text-align: center;
    }

    .footer {
        width: 90%;
        color: #898989;
        border-top: 1px solid #e9e9e9;
        padding: 10px 0;
        position: absolute;
        bottom: 0
    }

    .widget .widget-header {
        background-color: #fff;
        /*background-image: -moz-linear-gradient(center top , #fcfcfc, #e8e8e8);*/
        /*border-bottom: 1px solid #cfcfcf;*/
        /*border-radius: 2px 2px 0 0;*/
        height: 44px;
        line-height: 42px;
        padding: 0 2%;
        color: #1f8fce;
    }

    .grid_row {
        width: 94%;
        float: left;
        background: #00356a;
        padding: 3%;
    }

    .grid_one {
        width: 94%;
        float: left;
        background: #f5f5f5;
        margin: 10px 0;
        padding: 3%;
    }

    .grid_two {
        width: 94%;
        float: left;
        background: #f5f5f5;
        margin: 10px 0;
        padding: 3%;
    }

    .grid_three {
        width: 94%;
        float: left;
        background: #f5f5f5;
        margin: 10px 0;
        padding: 3%;
    }

    .btn_listing li {
        width: 31%;
        float: left;
        margin: 0 1% 10px 1%;
    }

        .btn_listing li a {
            width: 90%;
            border-radius: 5px;
            float: left;
            height: 40px;
            text-align: center;
            padding: 60px 5% 0px 5%;
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            font-size: 13px;
            line-height: 15px;
        }

    .casemix_lisitng li {
        width: 33%;
        float: left;
        padding-bottom: 10px;
    }

    .row_col60 {
        width: 100%;
        float: left;
        margin-right: 0%;
        padding: 0 0 10px 0;
    }

    .row_col40 {
        width: 100%;
        float: left;
        padding: 0 0 10px 0;
    }

    .row_col25 {
        width: 100%;
        float: left;
        padding: 0;
    }

    .patientrow_left {
        width: 100%;
        float: left;
        padding: 7px 0 7px 0;
        text-align: left
    }

    .patientrow_right {
        width: 100%;
        float: left;
    }

    .btn_book {
        -moz-user-select: none;
        border: 1px solid transparent;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 10px 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        max-width: 150px;
    }

    .clinic_listing {
        width: 100%;
        float: left;
        padding: 0 0 0;
        margin: 0 0 0 0;
    }

    .clinic_name_b {
        width: 100%;
        float: left;
        padding: 10px 0% 0 0;
        margin: 0 0 0 0;
    }

    .clinic_date {
        width: 100%;
        float: left;
        padding: 10px 0% 0 0;
        margin: 0 0 0 0;
    }

    .clinic_miles {
        width: 100%;
        float: left;
        padding: 10px 0% 0 0;
        margin: 0 0 0 0;
    }

    .clinic_btnbook {
        width: 48%;
        float: left;
        padding: 10px 2% 0 0;
        margin: 0 0 0 0;
        text-align: right;
    }

    .clinic_btn_moredate {
        width: 50%;
        float: left;
        padding: 10px 0 0 0;
        margin: 0 0 0 0;
        text-align: left;
    }

    .dropdown {
        padding: 20px 31px 20px 7px !important;
    }

    .patientrow_col77_65 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0%;
    }

        .patientrow_col77_65:first-child {
            width: 60%;
            float: left;
            padding: 0px 0 0 0;
        }

        .patientrow_col77_65 .divCaseMix {
            border: 1px solid #b3b3b3;
            border-radius: 5px 5px 5px 5px;
            padding: 2%;
            background: #fff;
            min-height: 50px;
            max-height: 150px;
            overflow-x: hidden;
            overflow-y: auto;
            width: 96%;
            float: left;
        }


        .patientrow_col77_65 .patientrow_leftb {
            width: 100%;
            float: left;
            padding: 7px 0% 7px 0;
        }

    .leftTimeCli {
        float: left;
        width: 15% !important;
        border-bottom: 1px solid #f3f1f1;
        list-style: outside none none;
        padding: 19px 0;
        text-align: center;
    }

    .rightTimeCli {
        float: right;
        width: 85% !important;
        line-height: 20px;
    }

    .orgLightBox {
        float: left;
        width: 93% !important;
    }

    .grLightBox {
        float: left;
        width: 93% !important;
    }

    .yloLightBox {
        float: left;
        width: 93% !important;
    }

    .whiLightBox {
        float: left;
        width: 93% !important;
    }

    .gayLightBox {
        float: left;
        width: 93% !important;
    }

    .sandLightBox {
        float: left;
        width: 93% !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {

    #login {
        background: url(/Content/Main/images/login_background.png) no-repeat;
        min-height: 100%;
        width: 96%;
        float: left;
        padding: 0 2%;
        position: relative;
    }

    #main {
        background: #fff;
        min-height: 100%;
        width: 96%;
        float: left;
        padding: 0 2%;
        position: relative;
    }

    .wrapper {
        /*width: 900px;*/
        width: 100%;
        margin: 0 auto;
    }

    .patientrow_col25 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0;
        margin: 0 0 5px 0;
    }

        .patientrow_col25:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
            margin: 0 0 5px 0;
        }

    .patientrow_col50 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0;
    }

        .patientrow_col50:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
        }

    .patientrow_col33 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0;
    }

        .patientrow_col33:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
        }

    .patientrow_col15 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0%;
        margin: 0 0 5px 0;
    }

        .patientrow_col15:first-child {
            width: 100%;
            float: left;
            padding: 0px 0 0 0;
            margin: 0 0 5px 0;
        }

    .patientrow_leftb {
        width: 30%;
        float: left;
        padding: 7px 5% 0 0;
    }

    .patientrow_rightb {
        width: 65%;
        float: left;
    }

    .logo {
        float: left;
        padding: 20px 0%;
        width: 100%;
    }

    .header_right {
        width: 100%;
        float: left;
        padding-top: 10px;
    }

    .headerright_col1 {
        width: 48%;
        float: left;
        position: relative;
        margin: 0 2% 15px 0;
    }

    .headerright_col2 {
        width: 48%;
        float: left;
        position: relative;
        margin: 0 0 15px 2%;
    }

    .headerright_col3 {
        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

    .loggedin_info {
        width: 90%;
        float: left;
        text-align: center;
        color: #1f8fce;
        padding: 0 5%;
        line-height: 20px;
    }

    nav {
        width: 100%;
        float: left;
        background: #fff;
        border-bottom: 1px solid #365868;
        border-top: 1px solid #365868;
        padding: 0;
    }

    .logout {
        width: 100%;
        float: left;
        text-align: center;
    }

        .logout a {
            width: auto;
            float: none;
            background: #f9f9f9;
            border: 1px solid #cfcfcf;
            border-radius: 3px;
            text-decoration: none;
            color: #231f20;
            padding: 9px 20px;
            margin: 10px auto;
            background-image: linear-gradient(#f2f2f2, #ebebeb 85%, #cccccc);
            transition: all 0.3s ease-in-out 0s;
            display: inline-block;
        }

    .content_area {
        background: #fff;
        padding: 5% 0 100px;
        width: 100%;
        float: left;
    }

    .patientrow_content {
        width: 100%;
        float: left;
        padding: 0px 0%;
        margin-bottom: 20px;
    }

    .btn_listing li {
        width: 23%;
        float: left;
        margin: 0 1% 10px 1%;
    }

        .btn_listing li a {
            width: 90%;
            float: left;
            border-radius: 5px;
            height: 40px;
            text-align: center;
            padding: 60px 5% 0px 5%;
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            font-size: 13px;
            line-height: 15px;
        }

    .footer {
        width: 96%;
        color: #898989;
        border-top: 1px solid #e9e9e9;
        padding: 10px 0;
        position: absolute;
        bottom: 0;
    }

    .row_col25 {
        width: 100%;
        float: left;
        padding: 0%;
    }

    .dropdown {
        padding: 20px 31px 20px 7px !important;
    }

    .patientrow_col77_65 {
        width: 100%;
        float: left;
        padding: 0px 0 0 0%;
    }

        .patientrow_col77_65:first-child {
            width: 60%;
            float: left;
            padding: 0px 0 0 0;
        }

        .patientrow_col77_65 .divCaseMix {
            border: 1px solid #b3b3b3;
            border-radius: 5px 5px 5px 5px;
            padding: 2%;
            background: #fff;
            min-height: 50px;
            max-height: 150px;
            overflow-x: hidden;
            overflow-y: auto;
            width: 60%;
            float: left;
        }


        .patientrow_col77_65 .patientrow_leftb {
            width: 30%;
            float: left;
            padding: 7px 5% 0px 0;
        }

    .leftTimeCli {
        float: left;
        width: 15% !important;
    }

    .rightTimeCli {
        float: right;
        width: 85% !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {

    .wrapper {
        /*width: 900px;*/
        width: 100%;
        margin: 0 auto;
    }

    .patientrow_col25 {
        width: 48%;
        float: left;
        padding: 0px 0 0 0;
        margin: 0 0 5px 2%;
    }

        .patientrow_col25:first-child {
            width: 48%;
            float: left;
            padding: 0px 0 0 0;
            margin: 0 0 5px 2%;
        }

    .patientrow_col50 {
        width: 48%;
        float: left;
        padding: 0px 0 0 2%;
    }

        .patientrow_col50:first-child {
            width: 48%;
            float: left;
            padding: 0px 0 0 0;
        }

    .patientrow_col33 {
        width: 32%;
        float: left;
        padding: 0px 0 0 2%;
    }

        .patientrow_col33:first-child {
            width: 32%;
            float: left;
            padding: 0px 0 0 0;
        }

    .patientrow_col15 {
        width: 45%;
        float: left;
        padding: 0px 0 0 0%;
        margin: 0 5% 5px 0;
    }

        .patientrow_col15:first-child {
            width: 45%;
            float: left;
            padding: 0px 0 0 0;
            margin: 0 5% 5px 0;
        }

    .patientrow_leftb {
        width: 30%;
        float: left;
        padding: 7px 5% 0 0;
    }

    .patientrow_rightb {
        width: 65%;
        float: left;
    }


    .logo {
        width: 30%;
        float: left;
        padding: 20px 2%;
    }

        .logo a img {
            width: 100%;
            max-width: 275px;
        }

    .header_right {
        width: 66%;
        float: right;
        padding-top: 40px;
    }

    .headerright_col1 {
        width: 31%;
        float: left;
        position: relative;
        margin: 0 2% 15px 0;
    }

    .headerright_col2 {
        width: 31%;
        float: left;
        position: relative;
        margin: 0 0 15px 2%;
    }

    .headerright_col3 {
        width: 34%;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

    .patientrow_content {
        width: 100%;
        float: left;
        padding: 0px 0%;
        margin-bottom: 20px;
    }

    .row_col {
        width: 48%;
        float: left;
        padding: 0 1%;
    }

    .patientrecord_col {
        width: 48%;
        float: left;
        padding: 0 1%;
    }

    .row_col25 {
        width: 49%;
        float: left;
        padding: 0 0.5%;
    }

    .patientrow_col77_65 {
        width: 66%;
        float: left;
        padding: 0px 0 0 2%;
    }

        .patientrow_col77_65:first-child {
            width: 60%;
            float: left;
            padding: 0px 0 0 0;
        }

        .patientrow_col77_65 .divCaseMix {
            border: 1px solid #b3b3b3;
            border-radius: 5px 5px 5px 5px;
            padding: 2%;
            background: #fff;
            min-height: 50px;
            max-height: 150px;
            overflow-x: hidden;
            overflow-y: auto;
            width: 78%;
            float: left;
        }


        .patientrow_col77_65 .patientrow_leftb {
            width: 14%;
            float: left;
            padding: 7px 3% 0px 0;
        }
}

@media screen and (min-width: 1000px) and (max-width: 1159px) {

    .logo {
        width: 30%;
        float: left;
        padding: 20px 2%;
    }

        .logo a img {
            width: auto;
        }

    .header_right {
        width: 66%;
        float: right;
        padding-top: 40px;
    }

    .headerright_col1 {
        width: 31%;
        float: left;
        position: relative;
        margin: 0 2% 15px 0;
    }

    .headerright_col2 {
        width: 31%;
        float: left;
        position: relative;
        margin: 0 0 15px 2%;
    }

    .headerright_col3 {
        width: 34%;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

    .row_col {
        width: 48%;
        float: left;
        padding: 0 1%;
    }

    .patientrecord_col {
        width: 48%;
        float: left;
        padding: 0 1%;
    }

    .row_col25 {
        width: 49%;
        float: left;
        padding: 0 0.5%;
    }
}


@media screen and (min-width: 1160px) and (max-width: 1500px) {
    .row_col25 {
        width: 32.5%;
        float: left;
        padding: 0 0.5% 0 0;
    }
}

@media screen and (max-width: 1366px) {
    ul li a {
        padding: 20px 16px;
    }
}

@media screen and (max-width: 1280px) {
    ul li a {
        padding: 20px 12px;
    }
}

@media screen and (max-width: 1024px) {
    ul li a {
        padding: 20px 14px;
    }
}




@media screen and (max-width:768px) {
    .submenu_toparrow {
        width: 100%;
        position: absolute;
        top: -13px;
        left: 0;
        text-align: center;
        display: none;
    }

    .row_col {
        width: 98%;
        float: left;
        padding: 0 1%;
    }

    .patientrecord_col {
        width: 98%;
        float: left;
        padding: 0 1%;
    }

    .row_col70 {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
        padding: 0;
    }

    .row_col30 {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

    .span_txt {
        width: 100%;
        float: left;
    }

    .span_btn {
        width: 100%;
        float: right;
        margin: 0;
        padding: 20px 0 10px 0;
    }
}

@media screen and (min-width: 481px) and (max-width: 900px) {

    .btn_book {
        -moz-user-select: none;
        border: 1px solid transparent;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 10px 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        max-width: 150px;
    }

    .clinic_listing {
        width: 100%;
        float: left;
        padding: 0 0 0;
        margin: 0 0 0 0;
    }

    .clinic_name_b {
        width: 31%;
        float: left;
        padding: 10px 2% 0 0;
        margin: 0 0 0 0;
    }

    .clinic_date {
        width: 32%;
        float: left;
        padding: 10px 2% 0 0;
        margin: 0 0 0 0;
    }

    .clinic_miles {
        width: 31%;
        float: left;
        padding: 10px 2% 0 0;
        margin: 0 0 0 0;
    }

    .clinic_btnbook {
        width: 48%;
        float: left;
        padding: 10px 2% 0 0;
        margin: 0 0 0 0;
        text-align: right;
    }

    .clinic_btn_moredate {
        width: 50%;
        float: left;
        padding: 10px 0 0 0;
        margin: 0 0 0 0;
        text-align: left;
    }
}

.report_row .row_col25 .widget {
    height: 260px;
    overflow: visible !important;
}


.report_row .row_col25 .widget {
    background: none;
}

    .report_row .row_col25 .widget .widget-body_freeheight {
        border-bottom: 0;
        overflow: visible !important;
    }

.report_row select {
    margin-bottom: 10px;
}

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

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


.patientrow_content_wp {
    float: left;
    margin-bottom: 20px;
    padding: 0 0%;
    width: 100%;
}



/* Absolute Center CSS Spinner */

.loadingSpinner {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loadingSpinner:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loadingSpinner:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loadingSpinner:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Absolute Center CSS Spinner */

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

.progress {
    position: relative;
    display: inline-block;
    width: 5em;
    height: 5em;
    margin: 0 .5em;
    font-size: 12px;
    text-indent: 999em;
    overflow: hidden;
    animation: spin 1s infinite steps(8);
}

.small.progress {
    font-size: 6px;
}

.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 2.25em; /* (container width - part width)/2  */
    width: .5em;
    height: 1.5em;
    border-radius: .2em;
    background: #eee;
    box-shadow: 0 3.5em #eee; /* container height - part height */
    transform-origin: 50% 2.5em; /* container height / 2 */
}

.progress:before {
    background: #555;
}

.progress:after {
    transform: rotate(-45deg);
    background: #777;
}

.progress > div:before {
    transform: rotate(-90deg);
    background: #999;
}

.progress > div:after {
    transform: rotate(-135deg);
    background: #bbb;
}

.date-pmc {
    width: 79% !important;
    float: left;
    margin-right: 5px;
}

.time-pmc {
    width: 19% !important;
    float: left;
    padding: 9px !important;
}

.date-pmc {
    width: 79% !important;
    float: left;
    margin-right: 5px;
}

.time-pmc {
    width: 19% !important;
    float: left;
    padding: 9px !important;
}

.widget.popupSetting .widget-header {
    background-color: transparent;
    border-bottom: 1px solid #cfcfcf;
    /* border-radius: 2px 2px 0 0; */
    height: 44px;
    line-height: 42px;
    padding: 0 15px;
    display: inline-block;
    color: #1f8fce;
    box-sizing: border-box;
    font-size: 18px;
    width: 100%;
}


/*Kevin work 4 Sept19*/
.divCaseMix .dynamicCase.patientrow_col50 {
    width: 45%;
    padding: 0px !important;
}

.divCaseMix .dynamicCaselimit.patientrow_col50 {
    width: 45%;
    padding: 0px !important;
    margin-bottom: 10px;
}

    .divCaseMix .dynamicCaselimit.patientrow_col50 input {
        width: 70%;
        display: inline-block !important;
    }

    .divCaseMix .dynamicCaselimit.patientrow_col50 img {
        width: 20px;
        display: inline-block !important;
        vertical-align: top;
        margin: 6px 0 0 10px;
    }

.divCaseMix__heading {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: bold;
}

    .divCaseMix__heading .patientrow_leftb {
        padding: 0px !important;
    }

    .divCaseMix__heading .patientrow_leftb, .divCaseMix__heading .patientrow_rightb {
        width: 45% !important;
    }

.smsConfig_rows_container tr {
    border-bottom: 1px solid gray;
}

    .smsConfig_rows_container tr th {
        color: #1f8fce;
        padding: 10px 20px 10px 10px;
        text-align: center;
    }

    .smsConfig_rows_container tr td {
        color: #1f8fce;
        padding: 10px 20px 10px 10px;
        text-align: center;
        height: 30px;
        vertical-align: middle;
    }

.smsConfig_rows_container {
    border: 1px solid #e9e9e9;
    width: 100%
}

.bg_w0 {
    background-color: #F8F8F8;
}

.bg_w1 {
    background-color: #F1F1F1;
}

.bg_w2 {
    background-color: #EAEBF8;
}

.bg_w3 {
    background-color: #DBDDF3;
}

.smsConfig_lvl {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.smsConfig_lvl0 {
    background-color: #FFF;
}

.smsConfig_lvl1 {
    background-color: #F1F1F1;
}

.smsConfig_lvl2 {
    background-color: #EAEBF8;
}

.smsConfig_lvl3 {
    background-color: #DBDDF3;
}


input[type="text"]:disabled {
    background-color: #f5f5f5;
    filter: opacity(60%);
    cursor: not-allowed;
}
.toast-container {
	width: 280px;
	z-index: 9999;
}


* html .toast-container {
	position: absolute;
}

.toast-item {
	height: auto;
	background: #333;
    opacity: 0.9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: lucida Grande;
	font-size: 14px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}

.toast-item p {
    text-align: left;
    margin-left: 50px;
}

.toast-item-close {
    background:url(../Content/images/close.gif) no-repeat;
    width:22px;
    height:22px;
    position: absolute;
    top:-7px;
    right:-7px;
    cursor:pointer;
}

.toast-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background:url(../Content/images/notice.png);
}

.toast-item-image-success {
    background:url(../Content/images/success.png);
}

.toast-item-image-warning {
    background:url(../Content/images/warning.png);
}

.toast-item-image-error {
    background:url(../Content/images/error.png);
}


/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

/**
 * jQuery Timepicker
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */

 .ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center;
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden; /* IE */
}

.ui-timepicker-standard {
    /* overwrites .ui-widget */
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    /* overwrites .ui-widget-content */
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    /* overwrites .ui-menu */
    margin: 0;
    padding: 2px;
}
.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
.ui-timepicker-standard .ui-state-hover {
    /* overwrites .ui-state-hover */
    background-color: #DADADA;
    border: 1px solid #999;
    font-weight: normal;
    color: #212121;
}
.ui-timepicker-standard .ui-menu-item {
    /* overwrites .ui-menu and .ui-menu-item */
    /*clear: left;
    float: left;*/
    margin: 0;
    padding: 0;
}

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-timepicker-hidden {
    /* overwrites .ui-helper-hidden */
    display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none;
}