/* The login page */

.login {
	display: flex;
	height: 100vh;
	overflow-y: hidden;
}

.login header {
	width: 100%;
	margin: 0;

	background-color: #323343;
}

.login header .container {
	width: 430px;
	margin: 0 auto;
	padding-bottom: 32px;
	text-align: center;
}

.login header .right {
	top: 10px;
	right: 10px;
	position: absolute;
	color: #d6dbe5;
	text-shadow: 0 1px 0 #000;
}

.login header .right a {
	margin-left: 5px;
	padding: 3px 8px;
	text-decoration: none;
}

.login header .right a:hover {
	background: #0d141d;
}

.login header img {
    height: 60px;
}

#login {
	margin-top: -37px;
}

#login .box {
	max-width: 455px;
	margin: 0 auto;
}

#login .wide-box {
	max-width: 666px;
	margin: 0 auto;
}

#login .box .actions {
	padding: 8px 15px;
}

#login .box .actions .recovery {
	padding: 7px 0;
	font-weight: bold;
}


#login .box .form-box {
	margin: 10px;

	border: 1px solid #c3c3c3;
	border-radius: 3px;
}

#login .box .form-box .row {
	margin: 0;
}

#login .box .form-box .row:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#login .box .form-box .row:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}


.login-messages {
	overflow: hidden;
	position: relative;
}

#login .box .message {
	width: 100%;

	padding: 15px 0 10px;
	border-bottom: 1px solid #d1d1d1;

	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#login .box .message.failure {
	display: none;
}


/* Buttons */
#login .actions input[type=submit] {
	padding: 6px 20px;

	background: url('../img/layout/login/button-bg.png') repeat-x #353c45;
	border: 1px solid #162436;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),
	0 2px 2px rgba(0,0,0,0.51);
}

#login .actions input[type=submit]:hover {
	background: url('../img/layout/login/button-hover-bg.png') repeat-x #4c5560;
}

#login .actions input[type=submit]:active {
	background: #323841;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}

.area-header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 36px;
	flex: none;
	margin-bottom: 10px;

	padding: 5px 10px;
	background-color:#CCCCCC;
	color: #333333;
	border-bottom: 1px solid #323343;
	font-size: 18px;
	box-sizing: border-box;
}
/* General CSS */

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.unclickable {
    cursor: default;
}

.clickable {
    cursor: pointer;
}

.alert {
	padding-right: 12px;
}

/* END General CSS */

.toolbar-system-name {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	display: inline-block;
}

#toolbar ul.toolbar-buttons li a.toolbox-action {
	background: none;
}

#department-toggle-form span:not(.ui-icon):not(.ui-icon-16) {
	background: none!important;
}

#department-toggle-form {
	display: inline-block;
}

img.right { float: right; }
img.left { float: left; }

.header-submit-wrapper {
	background: #CCCCCC;
	/* overflow: auto; /* Causes a scrollbar to appear */
	border-bottom: 1px solid #114885;
	margin-bottom: 10px;
	position: fixed;
	right: 0;
	left: 200px;
	z-index: 898; /* Same Z-Index as parent toolbar */
	top: 58px; /* Same height + padding as #toolbar */
}

.script-name-header .script-label {
	font-size: 18px;
	color: #333333;
	padding: 0.75em;
	font-weight: bold;
}

.script-name-header {
	float: left;
	margin: 12px;
}

.script-name-header .script-type {
	padding: 5px;
	border-radius: 3px;
	background-color: #FFF;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	text-transform: capitalize;
}

.script-submit-wrap {
	float: right;
	margin-right: 10px;
	width: 400px;
	text-align: right;
}

.group-settings-header-button-wrapper {
	position: relative;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
}

.header-button-wrapper {
	position: relative;
	margin-top: 7px;
	width: 100%;
}

.header-button-wrapper a {
	position: relative;
	text-align: center;
	display: inline;
	text-align: center;
	margin-right: 10px;
}

.full-script-wrapper {
	margin-top: 59px; /* computed height of .header-submit-wrapper plus its margin-bottom */
}
.script-submit-wrap button {
	font-size: 17px;
	text-align: center;
	z-index: 898;
}

.save-script-comments {
	padding: 15px;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background: url('../img/elements/forms/row-bg.png') repeat-x #f9f9fa;
}
.save-script-comments textarea {
	width: 98%;
	position: relative;
}

.form-no-box {
	background: #eaeef1;
	border-radius: 3px;
	border: 1px solid #a7a7a7;

	margin-bottom: 25px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.script-label {
	font-size: 20px;
	text-transform: uppercase;
}

.script-step .header {
	padding: 5px 10px;
	background: #eee; Old browsers
	/* background: -moz-linear-gradient(top, #f8f8f9 0%, #e9ecf1 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f9), color-stop(100%,#e9ecf1)); Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top, #f8f8f9 0%,#e9ecf1 100%); Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top, #f8f8f9 0%,#e9ecf1 100%); Opera 11.10+ */
	/* background: -ms-linear-gradient(top, #f8f8f9 0%,#e9ecf1 100%); IE10+ */
	/* background: linear-gradient(to bottom, #f8f8f9 0%,#e9ecf1 100%); W3C */ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f9', endColorstr='#e9ecf1',GradientType=0 ); /* IE6-9 */
}

.script-step .content {
	padding: 10px 10px!important;
}

.script-step:nth-child(even) .header {
	background: #eee; /* Old browsers */
	/* background: -moz-linear-gradient(top, #f2f2f5 0%, #dde0e5 100%); FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f5), color-stop(100%,#dde0e5)); Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top, #f2f2f5 0%,#dde0e5 100%); Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top, #f2f2f5 0%,#dde0e5 100%); Opera 11.10+ */
	/* background: -ms-linear-gradient(top, #f2f2f5 0%,#dde0e5 100%); IE10+ */
	/* background: linear-gradient(to bottom, #f2f2f5 0%,#dde0e5 100%); W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f5', endColorstr='#dde0e5',GradientType=0 ); IE6-9 */
}

.script-step:nth-child(even) .content {
	background: #ededed;
}
.step-controls {
	font-size: 20px;
}

.step-controls .icon-minus {
	color: green;
}

.step-controls .icon-plus {
	color: green;
}

.say-wrapper textarea {
	/* resize: none; */
}

/* Weird CSS Fix */
.scripts-editor .popup .left {
	min-width: 0;
}

.scripts-editor #content {
	padding-top: 0;
	position: relative;
}

.scripts-editor .box {
	margin-bottom: 10px;
}

.scripts-editor .no-margin-vertical {
	margin-top: 0px;
	margin-bottom: 0px;
}

.scripts-editor .active-version td {
	background: #f2f2f5;
	background: -webkit-linear-gradient(top, #f0f0f0 1%,rgb(135, 183, 248) 1%,rgb(65, 139, 224) 100%) !important;
	color: #fff;
}

.script-sidebar-item table.styled th:first-child,
.script-sidebar-item table.styled td:first-child {
	padding-left: 5px;
}

.script-sidebar-item table.styled th,
.script-sidebar-item table.styled td {
	padding-right: 5px;
}

.scripts-editor .current-production-version {
}
.scripts-editor .right-side-bar {
	margin-right: 0;
}

.scripts-editor .left {
	float: left;
	min-width: 120px; /* Weird Fix for some crazy javascript issue.. Not sure why this works at all.*/
	/* Switched this min-width to 120 from 157.. guess we will see if more weird shit happens*/
}

.scripts-editor .right {
	float: right;
}

.scripts-editor .left-content {
	float: left;
	display: inline;
	width:65%;
	margin-right: 5%;
}
.scripts-editor .right-content {
	float: left;
	display:inline;
	width:30%;
}

.full-script-wrapper .box.collapsible .collapse-icon {
	float: right;
	margin-right: 0;
	color: #666666;
	cursor: pointer;
	height: auto;
}

.full-script-wrapper .box.collapsible.collapsed .content {
	visibility: hidden;
	height: 0;
}

.full-script-wrapper .box.collapsible.collapsed .header h2 {
	border-bottom: none;
}

.say-wrapper {

}

.say-wrapper .form-input {

}

.lang-wrapper {
	margin-bottom: 10px;
}

.lang-label-wrapper .right {
	position: relative;
	right: -10px;
}

.lang-label-wrapper .left {
	padding-bottom: 3px;
	font-size: 14px;
}

.do-wrapper {
	border: 2px solid #dfdfdf;
	border-radius: 4px;
	position: relative;
	margin-top: 20px;
}

.edit-multiple-choice {
	padding-left: 5px;
	position: relative;
	top: -2px;
}
.do-title {
	background: #fafafa;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	z-index: 10;
	top: -14px;
	left: 10px;
	font-size: 14px;
	display: inline-block;
	font-weight: bold;
}

.script-step:nth-child(even) .do-title {
	background: #ededed;
}

.do-summary {
	word-break: break-word;
	position: relative;
	top: -8px; /* match the top of do-title */
	padding: 0px 10px;
}

.do-wrapper ul {
	margin: 0;
	list-style-type: none;
	padding-left: 10px;
}

#edit-do-dialog {
	/*overflow-y: scroll;
	max-height: 320px; Trying to Normalize the Modal */
}

.do-option.row div input[type="checkbox"] {
	margin: 20px 0 5px 0;
}

.do-send_sms-option.row > div > label {
	margin-top: 10px;
	margin-bottom: 0;
}

.do-send_sms-option.row .do-send_sms-input-with-label {
	margin-top: 5px;
}

.do-send_sms-option.row .do-send_sms-say-label-container {
	margin-top: 10px;
	margin-bottom: 0;
}

.do-send_sms-option.row .do-send_sms-say-label-container label {
	display: inline;
}

.do-send_sms-option.row .do-send_sms-next-step-container {
	margin-top: 5px;
	margin-bottom: 10px;
}

.do-send_sms-option.row .do-send_sms-next-step + .chzn-container {
	float: left;
	margin-right: 10px;
	width: 49%;
}

.do-send_sms-option.row .do-option-specifics {
	width: 49%;
	float: right;
}

.do-send_sms-option.row .do-option-specifics input.action-option {
	display: inline;
	width: 49%;
}

/* Add the chosen-drop-up class to the select to make it drop up */
.do-send_sms-option.row .chosen-drop-up+.chzn-container .chzn-drop {
	top:auto !important;
	bottom:25px;
	border:solid #aaa;
	border-width:1px 1px 0 1px;
}

.do-send_sms-option.row textarea.do-send_sms-say-if-textable {
	margin-bottom: 0;
}

.do-send_sms-opt-in-choices span {
	margin-right: 5px;
}

.do-send_sms-opt-in-choices input {
	width: 40px;
	margin-right: 15px;
}

.do-form-option table {
	margin-bottom: 0!important;
}

.do-form-bottom-spacer {
	height: 75px;
	background-color: #eee;
}

.digits-choices {

}

.finally-choices-wrapper {
	margin-top: 10px;
}

.script-step textarea {
	width: 100%;
}
.finally-choices-wrapper h2 {
	padding: 0;
	position: relative;
	margin-bottom: 10px;
	font-size: 14px;
}
.finally-choices-wrapper h2 span {
	position: relative;
	padding: 0 5px;
	background: #fafafa;
	z-index: 1;
}

.finally-choices-wrapper h2:after {
	display: block;
	position: absolute;
	width: 102%; /* Match up the width of the textareas */
	height: 1px;
	background: #dddee1;
	left: 0;
	top: 50%;
	content: ' ';
}

.script-step:nth-child(even) .finally-choices-wrapper h2 span {
	background: #ededed;
}
.finally-choices {
	width: 25%;
	float: left;
	margin-right: 2%;
}
.finally-input {
	float: left;
	width:73%;
}
.finally-input input {
	width: 100%;
}

.finally-input > div {
	display: none;
	width: 100%;
}

.subsequent {
	/*background: red!important;*/
}
.subsequent .digits-choice-delete,
.subsequent .digits-choice {
    visibility: hidden;
}

.scripts-editor .variables-wrapper .persist .edit-variable,
.scripts-editor .script-step:only-child .remove-step,
.scripts-editor .script-step:last-child .movedown-step,
.scripts-editor .script-step:first-child .moveup-step {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1) opacity(.5); /* Google Chrome & Safari 6+ */
    pointer-events: none;
}

.delete-confirm {
	text-align: center;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/*DO NOT REMOVE*/
body.raptor * {
	cursor: url("http://downloads.totallyfreecursors.com/cursor_files/raptor.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/raptor.gif"), auto!important;
}

body.raptor {
    -webkit-filter: hue-rotate(180deg); /* Google Chrome & Safari 6+ */
}

@-webkit-keyframes blur-anim {
  from { -webkit-filter: blur(0); }
  to   { -webkit-filter: blur(1px); }
}

@-webkit-keyframes invert-anim {
  from { -webkit-filter: grayscale(0); }
  to   { -webkit-filter: grayscale(1); }
}

body.blur {
  -webkit-animation: blur-anim 10s ease-in-out;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
}
/*END DO NOT REMOVE*/

/** BUTTONS **/

.save-and-publish {
	margin-left:10px;
}

/* green button */
button.green, input[type=button].green, a.button.green {
	/* border: 1px solid #832727; */
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

	background: #61b660; /* Old browsers */
	background: -moz-linear-gradient(top, #61b660 0%, #40913f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61b660), color-stop(100%,#40913f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #61b660 0%,#40913f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #61b660 0%,#40913f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #61b660 0%,#40913f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #61b660 0%,#40913f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61b660', endColorstr='#40913f',GradientType=0 ); /* IE6-9 */
}

/* green button:hover */
button.green:hover, input[type=button].green:hover, a.button.green:hover {
	background: #40913f; /* Old browsers */
	background: -moz-linear-gradient(top, #40913f 0%, #61b660 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40913f), color-stop(100%,#61b660)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #40913f 0%,#61b660 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #40913f 0%,#61b660 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #40913f 0%,#61b660 100%); /* IE10+ */
	background: linear-gradient(to bottom, #40913f 0%,#61b660 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40913f', endColorstr='#61b660',GradientType=0 ); /* IE6-9 */
}

/* green button:clicked */
button.green:hover:active, input[type=button].green:hover:active, a.button.green:hover:active {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.63);

	background: #61b660; /* Old browsers */
	background: -moz-linear-gradient(top, #61b660 0%, #40913f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61b660), color-stop(100%,#40913f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #61b660 0%,#40913f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #61b660 0%,#40913f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #61b660 0%,#40913f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #61b660 0%,#40913f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61b660', endColorstr='#40913f',GradientType=0 ); /* IE6-9 */
}

.ui-dialog {
	overflow: visible;
}

/*Audio prompt*/
.audio-text-display {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 550px;
}

.grayscale {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1) opacity(.5); /* Google Chrome & Safari 6+ */
}

.no-interaction {
	pointer-events: none;
}

.audio-components-wrapper tr.active td {
	/*TODO: make this pretty*/
	background: #f2f2f5;
	background: -webkit-linear-gradient(top, #f0f0f0 1%,rgb(135, 183, 248) 1%,rgb(65, 139, 224) 100%) !important;
	color: #fff;
}

.audio-toolbar {
	margin: 10px;
	overflow: auto;
}

.audio-folder {
	cursor: pointer!important;
}

.audio-files {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.audio-item-created {
	width: 100px;
}

.audio-item-actions {
	width: 50px;
	text-align: right;
}

/**** MESSAGE HISTORY CSS ******/

.message-filters {
	text-align: left;
}
.message-filters ul {
	margin: 0;
	padding: 0;
}

.message-ul > li {
	display: inline;
	float: left;
	margin-right: 10px;
	list-style-type: none;
}

.message-details-wrap {
	border-top: 1px solid #dfdfdf;
}
.message-details-wrap h2 {
	padding-top: 10px;
	padding-bottom: 0;
}
.message-details-wrap p {
	padding-top: 0;
	margin-top: 0;
}
.caller-id-display-wrap {
	margin-bottom: 20px;
}

.time-between-attempts-wrap {
	margin-bottom: 20px;
}

.recog-timeout-wrap {
	margin-bottom: 20px;;
}

/* TAGGER */

.tag-name-header span {
    font-size: 18px;
    color: #fff;
    padding: 0.75em;
    font-weight: bold;
}
.tag-name-header {
    float: left;
    margin: 12px;
}
.tag-submit-wrap {
    float: right;
    margin-right: 10px;
    width: 400px;
    text-align: right;
}

.full-tag-wrapper {
    margin-top: 59px; /* computed height of .header-submit-wrapper plus its margin-bottom */
}
.tag-submit-wrap button {
    font-size: 17px;
    text-align: center;
    z-index: 898;
    text-shadow: none;
}

.save-tag-comments {
    padding: 15px;
    border: 1px solid #d2d2d2;
    border-top: 0;
    background: url('../img/elements/forms/row-bg.png') repeat-x #f9f9fa;
}
.save-tag-comments textarea {
    width: 98%;
    position: relative;
}

.tag-condition .header {
    padding: 5px 10px;
    background: rgba(0,0,0,0.1);
}

.tag-condition .content {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.tag-condition:nth-child(even) .header {
    background: rgba(0,0,0,0.1);
}

.logic-container {
    background: #fafafa;
}

.tag-condition-odd-depth.has-dependents {
    background: #ddd;
}

.tag-condition-even-depth.has-dependents {
    background: #eee;
}

.conditions-container .right {
    float: right;
}

.conditions-container .left {
    float: left;
}

.condition-label {
    font-size: 14px;
    text-transform: uppercase;
}

.condition-controls{
    display: none;
}

.logic-container:hover > .header > .condition-controls{
    display: block;
}

.logic-container:hover > .header{
    background-color: rgba(0, 113, 240, 0.27);
}

.logic{
    min-height: 15px;
    font-size: 14px;
}

.logic-left{
    font-weight: bold;
}

.logic-right{
    font-weight: bold;
}

.logic-table{
    color: navy;
}

.logic-tag{
    background: url(/templates/web/img/icons/packs/fugue/16x16/tag-label.png) no-repeat left;
    padding-left: 20px;
    color: #114885;
}

.logic-op{
    font-style: italic;
    margin-left: 8px;
    margin-right: 8px;
}

[data-logic-type="tag"] .logic-op{
    margin-left: 0;
}

[data-logic-type="now"]{
    background: url(/templates/web/img/icons/packs/fugue/16x16/clock.png) no-repeat left;
    padding-left: 20px;
}

[data-logic-type="patient"]{
    background: url(/templates/web/img/icons/packs/fugue/16x16/user.png) no-repeat left;
    padding-left: 20px;
}

[data-logic-type="patient"]:after{
    content: "";
}

[data-logic-type="encounter"]{
    background: url(/templates/web/img/icons/packs/fugue/16x16/clipboard.png) no-repeat left;
    padding-left: 20px;
}





.logic-builder .chzn-single, .logic-builder .chzn-container-active .chzn-single-with-drop{
    border: none;
    box-shadow: none;
    background: #fff !important;
    font-size: 14px;
    padding: 5px;
}

.logic-builder .chzn-single:hover, .logic-builder .chzn-single-with-drop:hover{
    border: none;
    box-shadow: none;
    background: #fff !important;
}

.logic-builder .chzn-container-single .chzn-single span{
    margin-right: 0;
    display: inline;
}

.logic-builder .chzn-container-single .chzn-single span.chzn-selected-display{
    margin-right: 30px;
}

.logic-builder .chzn-drop{
    border-top: #aaa solid 1px;
    min-width: 250px;
}

.logic-builder .chzn-single div, .logic-builder .chzn-single:hover div, .logic-builder .chzn-container-active .chzn-single-with-drop div{
    border: none;
    box-shadow: none;
    background: #fff !important;
    padding: 5px;
}

.logic-builder .logic-component{
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.logic-builder .logic-op{
    margin: 0;
}

/* END TAGGER */

/*region live modal */
.live-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 30;
}

.live-modal {
    position:absolute;
    box-shadow: 0 2px 3px rgba(0,0,0,0.23);
    display: inline-block;
    min-width: 320px;
    min-height: 240px;
    z-index: 40;
}

.live-modal-content {
    background: #fafafa;
    padding:20px;
}
/*endregion live modal*/

/*Start Chat*/
.chat-parent {
	z-index: 20;
	position: absolute;
	right: 0;
	bottom: 0;
}

.box.chat {
	width: 300px;
	margin: 0px 5px 0px 0px;
	vertical-align: bottom;
	display: inline-block;
	box-shadow: 0 2px 3px rgba(0,0,0,0.23);
	position: relative;
}

.box.chat .header {
	z-index: 101;
}

.box.chat .header h2 {
	padding: 6px;
	font-size: 12px;
}

.box.chat.urgent-message .header h2 {
	padding: 6px;
	font-size: 12px;
}

.box.chat .flash {
	position: absolute;
	display: table;
	top: +30%;
	left: +25%;
	width: 50%;
	height: auto;
	padding: 3px;
}

.box.chat .flash p {
	text-align: center;
	font-weight: bold;
}

.box.chat .flash-error {
	background-color: #e74c3c;
}

.box.chat .flash-info {
	background-color: #2980b9;
	color: #FFFFFF;
}

/*
.box.chat .header.has-unread {
	background: #65B6F0;
	background: -moz-linear-gradient(top, #65b6f0 0%, #34a1ef 54%, #65b6f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65b6f0), color-stop(54%,#34a1ef), color-stop(100%,#65b6f0));
	background: -webkit-linear-gradient(top, #65b6f0 0%,#34a1ef 54%,#65b6f0 100%);
	background: -o-linear-gradient(top, #65b6f0 0%,#34a1ef 54%,#65b6f0 100%);
	background: -ms-linear-gradient(top, #65b6f0 0%,#34a1ef 54%,#65b6f0 100%);
	background: linear-gradient(to bottom, #65b6f0 0%,#34a1ef 54%,#65b6f0 100%);
	color: #FFF;
}
*/

.box.chat > .content {
	overflow-y: auto;
	max-height: 350px;
	height: 350px;
	padding: 0px;
}

.box.chat.in-video-conference > .content {
	height: 200px;
	max-height: 200px;
}

.box.chat.control-panel > .content {
	padding: 0px;
	max-height: 450px;
	height: 450px;
	background: #FFF;
}

.box.chat.urgent-message.existing > .content {
	padding: 0px 10px;
	max-height: 393px;
	height: 393px;
	background: #FFF;
}

.box.chat.urgent-message.new-urgent > .content {
	padding: 0px 10px;
	max-height: 330px;
	height: 330px;
	background: #FFF;
}

.box.chat.urgent-message.transfer > .content {
	padding: 0px 10px;
	max-height: 350px;
	height: 350px;
	background: #FFF;
}

img.play-audio{
	cursor: pointer;
}

img.stop-audio{
	cursor: pointer;
}


.chat-subject {
	text-overflow: ellipsis;
	width: 162px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

.chat-controls {
	float: right;
}

.chat-patient-controls {
	float: left;
	margin-right:4px;
}

.chat-action {
	margin-right: 5px;
}

.chat-action:last-child {
	margin-right: 0;
}

.urgent-message-action {
	margin-right: 5px;
}

.urgent-message-action:last-child {
	margin-right: 0;
}

.control-action {
	padding: 5px;
}

.box.chat.control-panel table {
	width: 100%;
}

.box.chat.control-panel .filters {
	background-color: #444;
	border-bottom: 1px solid #222;
}

.box.chat.control-panel .filters th {
	color: #AAA;
	font-weight: normal;
	height: 30px;
	width: 33%;
}

.box.chat.control-panel .filters th:hover {
	cursor: pointer;
	background-color: #222;
	color: #888;
}

.box.chat.control-panel .filters th.selected {
	background-color: #000;
	color: #EEE;
}

.empty-placeholder td {
	padding: 10px 5px;
	text-align: center;
	height: 45px;
}

/*region Chat listing in control panel*/
.conversation-row {
	height: 55px;
	cursor: pointer;
	background-color: #FFF;
}

.conversation-row:hover {
	background-color: #EEE;
}

.conversation-row .indicator {
	width: 7px;
}

.conversation-row.unread .indicator {
	background-color: #65B6F0;
	border-bottom: 1px solid #65B6F0;
}

.conversation-row.unread-video .indicator {
    background-color: #9b59b6;
    border-bottom: 1px solid #9b59b6;
}

.conversation-row .display {
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
}

.conversation-row .display-wrapper {
	position: relative;
	height: 55px;
	width: 350px;
}

.conversation-row .display .conversation-subject {
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}

.conversation-row .display .conversation-participants {
	position: absolute;
	top: 20px;
	left: 0px;
	font-size: 12px;
	right: 65px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.conversation-row .display .conversation-attachment-icon {
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    color: #333;
    right: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.conversation-row .display .conversation-message {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333;
	right: 10px;
	white-space: nowrap;
	overflow: hidden;
}

.conversation-row .display .conversation-attachment-icon.shown + .conversation-message {
    left: 14px;
}

.conversation-row .display .conversation-timestamp {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 12px;
	color: #333;
	text-align: right;
}
/*endregion*/

.urgent-message-row {
	height: 55px;
	cursor: pointer;
	background-color: #FFF;
}

.urgent-message-row:hover {
	background-color: #EEE;
}

.urgent-message-row .indicator {
	width: 7px;
}

.urgent-message-row.read .read-indicator {
	width: 10px;
	font-size: 30px;
}

.urgent-message-row.unread .indicator {
	background-color: #e74c3c;
	border-bottom: 1px solid #e74c3c;
}

.urgent-message-row .display {
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
}

.urgent-message-row .display-wrapper {
	position: relative;
	height: 55px;
	width: 350px;
}

.urgent-message-row .display .urgent-folder {
	position: absolute;
	top: 20px;
	left: 0px;
	font-size: 12px;
	right: 65px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.urgent-message-row .display .urgent-excerpt {
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}

.urgent-message-row .display .urgent-status {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333;
	right: 10px;
	white-space: nowrap;
	overflow: hidden;
}

.urgent-message-row .display .urgent-timestamp {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 12px;
	color: #333;
	text-align: right;
}
/*endregion*/

/*region user directory and uer rows*/
.alertmd-participants table {
	width: 100%;
}

.alertmd-participants-header {
	height: 20px;
	background-color: #EEE;
}

.alertmd-participants-header td{
	text-align: left;
}

.user-row {
	height: 40px;
	cursor: pointer;
	background-color: #FFF;
}

.user-row.unclickable {
	cursor: default
}

.user-row:hover {
	background-color: #EEE;
}

.user-row.with-status {
	height: 50px;
}

.user-row .indicator {
	width: 7px;
}

.user-row .display {
	padding: 0 5px 0 0;
	border-bottom: 1px solid #CCC;
}

.user-row .display-wrapper {
	position: relative;
	height: 40px;
}

.user-row .display-wrapper.with-status {
	position: relative;
	height: 50px;
}

.user-row .display .avatar {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 40px;
}

.user-row .display .name {
	font-weight: bold;
	position: absolute;
	left: 45px;
	top: 0;
	right: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}

.user-row .display .org {
	position: absolute;
	top: 20px;
	left: 45px;
	font-size: 12px;
	right: 65px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.user-row .display .status {
	position: absolute;
	top: 35px;
	left: 34px;
	font-size: 12px;
	right: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.user-row .display .role {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #333;
	text-align: right;
}


.role-row {
	height: 40px;
	cursor: pointer;
	background-color: #FFF;
}

.role-row:hover {
	background-color: #EEE;
}

.role-row .indicator {
	width: 7px;
}

.role-row .display {
	padding: 0 5px 0 0;
	border-bottom: 1px solid #CCC;
}

.role-row .display-wrapper {
	position: relative;
	height: 40px;
}

.role-row .display .role {
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 2px;
	right: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}

.role-row .display .group {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 12px;
	right: 65px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.role-row .display .icon {
	position: absolute;
	left: 0px;
	top: 3px;
}

.team-row {
	height: 40px;
	cursor: pointer;
	background-color: #FFF;
}

.team-row:hover {
	background-color: #EEE;
}

.team-row .indicator {
	width: 7px;
}

.team-row .display {
	padding: 0 5px 0 0;
	border-bottom: 1px solid #CCC;
}

.team-row .display-wrapper {
	position: relative;
	height: 40px;
}

.team-row .display .team {
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 2px;
	right: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}

.team-row .display .group {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 12px;
	right: 65px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.team-row .display .icon {
	position: absolute;
	left: 0px;
	top: 3px;
}

.folder-row {
	height: 55px;
	cursor: pointer;
	background-color: #FFF;
}

.folder-row:hover {
	background-color: #EEE;
}

.folder-row.unclickable {
	cursor: default
}

.folder-row .indicator {
	width: 7px;
}

.folder-row .display {
	padding: 0 5px 0 0;
	border-bottom: 1px solid #CCC;
}

.folder-row .display-wrapper {
	position: relative;
	height: 55px;
}

.folder-row .display .icon {
	position: absolute;
	left: 5px;
	top: 20px;
}

.folder-row .display .name {
	font-weight: bold;
	position: absolute;
	left: 45px;
	top: 2px;
	right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}

.folder-row .display .primary-on-call {
	position: absolute;
	bottom: 2px;
	left: 45px;
	font-size: 14px;
	color: #333;
}

.folder-row .display .org {
	position: absolute;
	top: 19px;
	left: 45px;
	font-size: 12px;
	right: 65px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/*endregion*/

/*region Chat boxes*/
.urgent-label {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #e74c3c;
}

.chat-blocker {
	opacity: .5;
	z-index: 100;
	background-color: #333;
	position: absolute;
	height: 100%;
	bottom: 0;
	width: 300px;
	display: none;
}

.alertmd-chats {
	padding: 0 10px;
}

.callback-label {
	display: inline-block !important;
	cursor: default;
	font-weight: bold;
	font-size: 16px;
}

.callback-input {
	display: inline-block;
	resize: none;
	height: 24px;
	font-size: 15px;
	margin-bottom: 2px;
	margin-left: 4px;
	width: 161px;
}

.chat-actions-button-wrapper {
    width: 20%;
    height: 50px;
    font-size: 14px;
    float: right;
}

.chat-attachment {
    margin: 5px;
    padding: 3px !important;
    margin-left: 28%;
}

.chat-attachment img {
    width: 16px;
}

.chat-input {
	width: 80%;
	resize: none;
	height: 50px;
	font-size: 14px;
}

.chat-send {
	margin-left: 5px;
	vertical-align: bottom;
	display: inline;
	font-size: 12px;
}

.chat-send-form .row {
	padding: 0;
	border: none;
}

.chat-message {
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
	position: relative;
	width: 100%;
	min-height: 60px;
}

.chat-message.response {
	float: left;
}

.chat-timestamp {
	text-align: center;
	font-size: 12px;
	color: #9ca0a7;
	font-weight: bold;
}

.chat-avatar {
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px #CCC solid;
	border-radius: 3px;
	top: 3px;
	float: right;
}

.chat-message.response .chat-avatar {
	float: left;
}

.chat-name {
	position: relative;
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

.chat-message.response .chat-name {
	text-align: left;
}

.chat-content {
	position: relative;
	top: 3px;
	margin-left: 45px;
	float: right;
	right: 5px;
	background-color: #c5e2ff;
	border: 1px #b1cbe6 solid;
	border-radius: 3px;
	padding: 5px;
	font-size: 14px;
	max-width: 180px;
	word-break: break-word;
}

.chat-content.urgent {
	background-color: rgba(231, 76, 60,0.2);
}

.chat-content .video-thumbnail-play {
    cursor: pointer;
    font-size: 27px;
    color: white;
    position: absolute;
}

.chat-message.response .chat-content {
	float: left;
	margin-left: auto;
	right: auto;
	left: 5px;
	margin-right: 45px;
	border-color: #d8d8da;
	background-color: #ffffff;
}

.chat-message.response .chat-content.urgent {
	background-color: rgba(231, 76, 60,0.2);
}

.chat-read-receipt {
	clear: right;
	float: right;
	margin-right: 40px;
	max-width: 180px;

	padding: 5px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	color: #666;
}

.chat-message.response .chat-read-receipt {
	float: left;
	right: auto;
	margin-right: auto;
}


.chat-image {
	width: 100%;
	border-radius: 3px;
}

.chat-participant {
	top: 2px;
	bottom: 2px;
	font-size: 12px;
	color: #8c919c;
	margin: 3px;
}

.chat-participant span {
	padding: 5px;
}
/*endregion*/
/*region participant display*/
/*
* Default mode is compact
*/
.participants {
	padding: 5px;
	background-color: #EEE;
	border-bottom: 1px #999 solid;
	min-height: 20px;
	max-height: 120px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.participants.expanded .participant-summary {
	display: none;
	height: auto;
}

.participants.compact .participant-list {
	display: none;
}

.participants.compact .participant-user-directory-icon {
	display: none;
}

.participant-summary {
	display: inline-block;
	padding: 2px;
	width: 230px;
	cursor: pointer;
	font-size: 12px;
}

.participant-user-icon {
	float: left;
	right: 5px;
}

.participant-expand-icon,.participant-user-directory-icon {
	float: right;
	right: 5px;
	cursor: pointer;
	margin-left: 5px;
}

.participant-list {
	display: inline-block;
	width: 230px;
	cursor: default;
}

.participant-input {
	display: inline-block;
	margin-left: 5px;
}

.participant-input:empty:before {
	content: 'Add Participants';
	color: #999;
}

.participant-input.video-participant-input:empty:before {
    content: 'Select Participant (Video is 1-on-1)';
    color: #999;
}

.participant-input:focus {
	outline: none;
}

.participant-display {
	display: inline-block;
	padding: 2px;
	font-size: 12px;
	cursor: pointer;
}

.participant-display.selected {
	border-radius: 5px;
}

.participant-display:after {
	content: ",";
	color: black;
}

.participant-display.selected:after {
	content: "";
}

.participant-display:nth-last-child(2):after {
	content: "";
}

.participant-display.role {
	color: blue;
}

.participant-display.role.selected {
	color: #FFF;
	background-color: blue;
}

.participant-display.system {
	color: green;
}

.participant-display.system.selected {
	color: #FFF;
	background-color: green;
}

.participant-display.network {
	color: purple;
}

.participant-display.network.selected {
	color: #FFF;
	background-color: purple;
}

.participant-display.team {
	color: darkred;
}

.participant-display.team.selected {
	color: #FFF;
	background-color: darkred;
}

/*endregion*/

/*region participant-search*/
.participants-search {
	background: #fff;
	overflow-y: auto;
	max-height: 350px;
	height: 350px;
	padding: 0px;
}

.participants-search table {
	width: 100%;
}
/*endregion*/

/*region Popovers*/
.popover {
	position: absolute;
	z-index: 10000;
}

.popover-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #333;
	opacity: .9;
	margin-left: 10px;
}

.popover-arrow-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 5px solid #333;
	border-bottom: 5px solid transparent;
	opacity: .9;
	display: inline-block;
}

.popover-arrow-left {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #333;
    border-bottom: 5px solid transparent;
    opacity: .9;
    display: inline-block;
}

.popover-arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    opacity: .9;
    display: inline-block;
}

.popover-wrapper {
	background-color: rgb(51,51,51);
	background-color: rgba(51,51,51,.9);
	border-radius: 4px;
	padding: 3px;
}

.popover-option {
	background-color: rgb(102,102,102);
	background-color: rgba(102,102,102,.9);
	border-radius: 4px;
	padding: 3px;
	margin: 3px;
	color: #EEE;
	display: inline-block;
	cursor: pointer;
}

.popover-option img {

}

.popover-option span {
	padding: 5px;
}

/*region urgent message transfer action bar*/
.urgent-transfer {
	font-size: 12px;
}

.urgent-transfer-cancel {
	font-size: 12px;
}

/*region recipient picker*/
.recipient-picker {
	font-size: 15px;
	margin-top: 5px;
}

.recipient-option {
	margin: 12px;
}

.recipient-option + img {
	margin-right: 10px;
}

.recipient-option-description {
	display:inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.participant-picker {
	max-height: 350px;
	height: 350px;
	font-size: 15px;
	padding: 5px;
	background-color: #fafafa;
}

.participant-picker .user-info {
	margin: 12px;
}

.participant-picker .user-info .user-avatar {
	height: 30px;
	width: 30px;
	display: inline-block;
}

.participant-picker .user-info.selected .user-avatar {
	vertical-align: 0;
}

.participant-picker .user-info .user-name {
	display: inline-block;
	margin-left: 5px;
	color: #c0392b;
	font-weight: bold;
}

.participant-picker .replacing-wrapper {
	display: inline-block;
	margin: 12px;
}

.participant-picker .replaced-user {
	color: #2980b9;
	font-weight: normal;
}

.participant-picker .replacing-user {
	color: black;
	font-weight: normal;
}

.participant-picker .button-wrapper{
	margin: 12px;
}

.participant-picker .button-wrapper input{
	margin-right: 5px;
}

.participant-picker-popover .popover-option {
	display: block;
}

.participant-picker-popover .popover-option.selected {
	background-color: #2980b9
}


/*endregion*/
/*region urgent message recipient*/
.box.urgent-message .recipient{
	padding: 5px;
	background-color: #EEE;
	border-bottom: 1px #999 solid;
	min-height: 20px;
	max-height: 120px;
	overflow-y: scroll;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.box.urgent-message .recipient-summary{
	display: inline-block;
	padding: 2px;
	width: 230px;
	font-size: 12px;
}

.box.urgent-message .recipient-summary.editable{
	cursor: pointer;
}

.box.urgent-message .recipient-icon{
	float: left;
	right: 5px;
}

.box.urgent-message .recipient-input {
	display: inline-block;
	margin-left: 5px;
}

.recipient-input:empty:before {
	content: 'Select Recipient';
	color: #999;
}

.transfer-recipient .recipient-input:empty:before {
	content: 'Select Transfer Recipient';
	color: #999;
}

.recipient-input:focus {
	outline: none;
}
/*endregion*/

/*endregion*/

.video-panel {
	z-index: 101;
	background-color: #333;
	border-bottom: 1px #999 solid;
}

.video-panel .video-invitation {
    color: white;
    padding: 7px 11px;
}

.video-panel .accept-decline button {
    width: 45%;
    margin: 0px 5px;
    margin-bottom: 5px;
}

.active-video {
	background: url(../img/alertmd-logo.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 300px;
	height: 225px;
}

.video-waiting-room {
    padding: 25%;
    background-color: #222;
}

.video-waiting-room .row {
    margin: 3px;
}

.video-waiting-room img {
    width: 40px;
    height: 40px;
}

.video-waiting-room .waiting-text {
    color: white;
    font-size: 20px;
    margin: 3px;
}

.video-waiting-room .name {
    color: white;
    font-size: 20px;
    margin: 3px;
}

.participants-video {
	position: relative;
	width: 300px;
	z-index: 1;
}

.participant-video {
	width: 100px;
	height: 75px;
	cursor: pointer;
}

.OT_opentok {
	display: none !important;
}

.OT_name {
	padding-left: 0 !important;
	left: 5px;
}

.OT_name:after {
	display:none !important;
}

.OT_mini:hover .OT_name.OT_mode-auto {
	display:block !important;
	padding-left: 0 !important;
	left: 5px !important;
	line-height: 16px !important;
	font-size: 12px !important;
}

.video-participant-picker input[type="radio"] {
    left: 22%;
    margin-left: 10px;
}

.video-participant-picker input[type="radio"]+span {
    margin-left: 2px;
}

.video-participant-picker .chzn-container {
    margin-left: 10px;
    width: 50%
}
/*region video*/



/*endregion*/

/*End chat*/

/* region tipsy menu */
.tipsy ul.styled {
    padding: 0;
    margin: 0;
}

.tipsy ul.styled > li {
    padding: 10px;
    border-bottom: #fff solid 1px;
    text-align: left;
    font-size: 14px;
}

.tipsy ul.styled > li:last-child {
    border-bottom: none;
}

.tipsy ul.styled > li:hover {
    background-color: #333;
    cursor: pointer;
}
/* endregion */

/* region hacks */
#tab-charges .dataTables_wrapper:first-child .footer{ /* gets rid of the line under the charges tab */
    border-top: none;
}
/* endregion */

/* region ServiceSchedule */
#scheduleSelect_chzn {
	position: absolute;
	right: 135px;
}

#addSchedule {
	position: absolute;
	right: 2px;
	top: 5px;
	width: 122px;
}

#scheduleName {
	font-size: 1.5em;
}

#scheduleDescription {

}
/* endregion */

/* region Team Management */
#teamEditor #teamName {
    font-size: 1.5em;
}

#teamEditor #addMembershipTypes button {
    font-weight: normal;
}

#teamEditor #memberships .tabletools {
    background: none;
}

#teamEditor #membershipsTable th:first-child {
    border-left: 1px solid #cfcfcf;
}

#teamEditor #membershipsTable th:last-child {
    border-right: 1px solid #cfcfcf;
}

#teamEditor #membershipsTable tr:last-child td {
    border-bottom: 1px solid #cfcfcf;
}

#teamEditor #membershipsTable .membership-type-col {
    width: 20px;
}

#teamEditor #membershipsTable .membership-edit-col {
    width: 20px;
}

#teamEditor #membershipsTable .membership-delete-col {
    width: 20px;
}

.membership-editor .content {
    width: 100%;
}

.membership-editor .loading {
    top: 43%;
    left: 39%;
    position: relative;
}

.membership-editor .loading span {
    font-size: 15px;
    padding-left: 5px;
}

.membership-editor form .row:first-child {
    border-top: 1px solid #CFCFCF;
}

.membership-editor input[type="checkbox"]{
    width: initial;
}

.membership-editor input[type="checkbox"]+label{
    display: inline;
}

.user-membership-template .row {
    padding: 0;
}

.user-membership-template .user-member-list {
    height: 250px;
    width: 100%;
    left: 0;
    padding: 0;
    border: none;

}

.user-membership-template .user-member-list table {
    width: 100%;
    margin: 0px!important;
}

.user-membership-template .user-member-list tbody {
    height: 180px;
    overflow-y:auto;
    display: block;
}

.user-membership-template .user-member-list td {
    font-size: 15px;
    width: 30%;
    padding-left: 5px !important;
}

.user-membership-template .user-member-row .delete-user{
    padding-right: 5px;
}

.user-membership-template .add-user-button {
    padding: 5px 30px 5px 30px;
}

.user_filter-membership-template {
	height: 281.5px !important;
}

.folder-membership-template {
	height: 284px !important;
}

.folder-membership-template .folder-select {
    width: 100%;
}

#effectiveUsersTable_wrapper .dataTables_paginate{
    padding-bottom: 35px;
    padding-top: 5px;
}

#teamSettings {
	position: relative;
}

#teamSettings .loading {
	display: flex;
	align-items: center;
	z-index: 9;
	position: absolute;
	background-color: #fff;
	opacity: .8;
	width: 100%;
	height: 100%;
	left: 0;
}

#teamSettings .loading .loading-contents {
	min-width: 100px;
	margin: auto;
	text-align: center;
}

#teamSettings .loading span {
	font-size: 15px;
	padding-left: 5px;
}

#teamSettings input+label {
    display: inline;
    margin: 5px;
    font-weight: normal;
}

#teamSettings .row {
    padding: 5px;
}

#teamSettings li {
    padding: 5px 0px;
}

#teamSettings li > ul {
    margin: 0em 0em !important;
}

#teamSettings input[name="ack_requirement"]:disabled + label {
    color: #777;
}

#teamSettings input[type="submit"] {
    margin-bottom: 5px;
    float: right;
}

.resource-shares-editor {
	position: relative;
}

.resource-shares-editor td {
	text-align: center;
}

.resource-shares-editor .resource-share-delete-button {
	cursor: pointer;
}

.resource-shares-editor .loading {
	display: flex;
	align-items: center;
	z-index: 9;
	position: absolute;
	background-color: #fff;
	opacity: .8;
	width: 100%;
	height: 100%;
	left: 0;
}

.resource-shares-editor .loading .loading-contents {
	min-width: 100px;
	margin: auto;
	text-align: center;
}

.resource-shares-editor .loading span {
	font-size: 15px;
	padding-left: 5px;
}

.resource-shares-editor .row {
	padding: 5px;
}

.resource-shares-editor input+label {
	display: inline;
	margin: 5px;
	font-weight: normal;
}

.resource-shares-editor .resource-share-group-select {
    width: 80%
}

.resource-shares-editor .grid_4 {
    padding-left: 0px;
    border-left: none;
}

.resource-shares-editor .resource-share-sources {
	padding-left: 0px;
	border-left: none;
}

.resource-shares-editor .resource-share-system:not(:last-child) {
    border-right: 1px #000;
}
.resource-shares-editor .resource-share-system input {
    width: auto;
    margin: 5px 0;
}

.resource-shares-editor .resource-share-system input[type=checkbox] {
	width: auto;
}

.resource-shares-editor .resource-share-system-name input {
	min-width: 182px;
}

.resource-shares-editor .ui-multiselect {
    margin: 5px 0;
}

.resource-shares-editor .delete-external-share {
	content: url(/templates/web/img/icons/packs/fugue/16x16/cross.png);
	cursor: pointer;
	margin-left: 5px;
}

.resource-shares-editor .edit-external-share {
	content: url(/templates/web/img/icons/packs/fugue/16x16/pencil.png);
	cursor: pointer;
}

.edit-external-share-dialog {
	width: 750px;
	background: white !important;
}

.resource-shares-add-external-form {
	margin-bottom: 20px;
	margin-top: 15px;
}

.resource-shares-add-external-form .alert {
	width: 550px;
}

.resource-shares-add-external-form-row {
	display: flex;
	align-items: center;
}

.resource-shares-add-external-form-row > * {
	margin: 0 15px;
	flex-basis: 14%;
}

.external-share-members-tooltip {
	margin-left: 3px;
	cursor: pointer;
}

.external-share-oncall-tooltip {
	margin-left: 3px;
	cursor: pointer;
}

.edit-external-share-dialog .resource-shares-add-external-form {
	/*width: 625px;*/
}

.edit-external-share-dialog .resource-shares-add-external-form-row > * {
	margin: 0 10px;
}

.edit-external-share-dialog input + label {
	display: inline;
	margin: 5px;
	font-weight: normal;
}

/* endregion */

/* region QuickLogin */

.ql-table {
	width: 100%;
	cursor: pointer;
}

.ql-table tr {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 60px;
}

.ql-table tr:nth-child(odd) {
	background-color: #d9d9d9;
}

.ql-table tr:hover {
	background-color: gray;
}

.ql-table tr:hover:after {
	content: url(/templates/web/img/icons/packs/fugue/32x32/arrow.png);
	display: block;
	position: absolute;
	top: 14px;
	right: 5px;
}

.ql-cell-icon {
	width: 70px;
	height: 60px;
}

.ql-cell-icon img {
	margin: 5px;
	height: 50px;
	width: 50px;
	border-radius: 25px;
}

.ql-cell-icon-text {
	margin: 5px;
	height: 50px;
	width: 50px;
	background: #66d9ff;
	border-radius: 25px;
	vertical-align: middle;
}

.ql-cell-icon-text div {
	padding-top: 7px;
	font-size: 2em;
	font-style: bold;
	vertical-align: middle;
	text-align: center;
}

.ql-cell {
	padding: 5px;
	width: 100%;
}

.ql-cell-badge {
	padding: 5px;
	width: 100%;
}

.ql-cell-name {
	font-size: 14pt;
	width: 320px;
	white-space: nowrap;
	overflow-x: hidden;
}

.ql-cell-details {
	font-size: 10pt;
	position:relative;
	width: 100%;
}

.ql-badges {
	margin-top: 13px;
	height: 50px;
	width: 50px;
	position: relative;
}

.ql-arrow {
	height: 50px;
	width: 50px;
}

.ql-cell-details-date {
	font-size: 8pt;
}

.ql-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}

.ql-badge {
	height: 24px;
	width: 24px;
	color: white;
	font-style: bold;
	border-radius: 4px;
	text-align: center;
}

.ql-badge div {
	padding-top: 4px;
}

.ql-badge-urgent {
	background: #C7382A;
	position: absolute;
	right: 28px;
}

.ql-badge-regular {
	background: #2A7AAF;
	position: absolute;
	right: 0px;
}

/* endregion */

input.loading {
    background-image:url(/templates/web/img/misc/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position: 95% 5px;
}

input.loading.loading-with-validation {
    background-position: 90% 5px;
}

.icd-unbillable {
	color: darkorange;
}

.icd-unbillable:hover {
	color: darkorange;
}

/*region encounter notes*/

table.styled td.encounter-note-author-cell {
	font-size: 1.05em;
}

table.styled:not(.in-dialog) > tbody > tr.encounter-note-author-row > td {
	background: #f6f6f6;
}

table.styled:not(.in-dialog) > tbody > tr.encounter-note-author-row:hover > td {
	background: #f6f6f6;
}

table.styled:not(.in-dialog) > tbody > tr.encounter-note-row > td {
	background: #fdfdfd;
}

table.styled:not(.in-dialog) > tbody > tr.encounter-note-row:hover > td {
	background: #fdfdfd;
}

.encounter-note {
	font-size: 1.1em;
}

.encounter-note.abrev-note {
	background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}

.encounter-note-row .read-more-margin {
	vertical-align:top;
	text-align:center;
	padding-left: 8px;
	padding-right: 8px;
}

table.styled:not(.in-dialog) > tbody > .encounter-note-row > .read-more-margin:hover {
	background: #d8dce6;
}

.read-more {
	font-size: 1.2em;
}

.read-less {
	font-size: 1.2em;
}

/*endregion*/

/*region assistant dialog*/
.assistant-dialog-option {
	padding: 10px;
	cursor: pointer;
	font-size: 1.1em;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

.assistant-dialog-option.odd {
	background-color: #f6f6f6;
}

.assistant-dialog-option.last {
	border-bottom: 1px solid #e9e9e9;
}

.assistant-dialog-option:hover {
	background-color: #d8dce6;
}
/*endregion*/

select[name="patient_age_op"]+.chzn-container .chzn-results{
	max-height: 100px;
}

/* Dialog */

.ui-dialog {
	padding: 0;

	border: 1px solid #707070;
	border-radius: 2px;
	box-shadow: 0 0 32px rgba(0,0,0,0.8);
	background: none;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 5px;

	border-radius: 2px 2px 0 0;
	border: none;

	background-color: #CCCCCC;
	border-bottom: 1px solid #97a6b5;

	text-align: center;
}

.ui-dialog .ui-dialog-title {
	color: #333333;
	float: none;
	margin: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	text-decoration: none;
	font-weight: bold;

	color: #ffffff;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
	border: 1px solid #5f0808;
	background: url('../img/jquery-ui/dialog-titlebar-close-hover.png') repeat-x #6b1717;
	box-shadow: inset 0 1px rgba(255,255,255,0.28);
}

.ui-dialog .ui-dialog-titlebar-close span {
	background: none;
}

.ui-dialog .ui-dialog-titlebar-close span:before {
	content: 'x';
	display: block;

	text-indent: 0;
}

.ui-dialog .ui-dialog-content {
	padding: 10px 25px;
	background: #f9f9f9;

	overflow: visible;

	color: #545454;
}

.ui-dialog .header.button {
	position: absolute;
	top: -34px;
}

.ui-dialog .header.button.right {
	right: 5px;
}

.ui-dialog .header.button.left {
	left: 5px;
}

.ui-dialog .ui-dialog-content {
	border-radius: 0 0 2px 2px;
}

.ui-dialog .actions:before, .ui-dialog .actions:after {
	display: table;
	content: '';
}

.ui-dialog .actions:after {
	clear: both;
}

.ui-dialog .actions {
	width: 100%;
	position: relative;
	left: -25px;
	bottom: -10px;

	padding: 10px 25px;

	overflow: hidden;

	background: #f0f0f0;
	border-top: 1px solid #d7d7d7;
	border-radius: 0 0 2px 2px;
}

.ui-dialog .ui-dialog-buttonpane {
	margin: 0;

	background: #f0f0f0;
	border-top: 1px solid #d7d7d7;
	border-radius: 0 0 2px 2px;
}

.ui-dialog .actions .left {
	float: left;
}

.ui-dialog .actions .right {
	float: right;
}

.ui-widget-overlay {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	background: #ffffaa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43MyIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -webkit-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -o-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -ms-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;

	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	width: auto !important;
	height: auto !important;
}

.colorpicker {
	z-index: 99999;
}