.margin-top5		{ margin-top:5px; }
.margin-top10		{ margin-top:10px; }
.margin-top20		{ margin-top:20px; }
.margin-top30		{ margin-top:30px; }
.margin-top40		{ margin-top:40px; }
.margin-top50		{ margin-top:50px; }
.margin-top60		{ margin-top:60px; }
.margin-top80		{ margin-top:80px; }
.margin-top100		{ margin-top:100px; }
.margin-top130		{ margin-top:130px; }
.margin-top150		{ margin-top:150px; }
.margin-top180		{ margin-top:180px; }
.margin-top200		{ margin-top:200px; }

.margin-bottom5	    { margin-bottom:5px; }
.margin-bottom10	{ margin-bottom:10px; }
.margin-bottom20	{ margin-bottom:20px; }
.margin-bottom30	{ margin-bottom:30px; }
.margin-bottom40	{ margin-bottom:40px; }
.margin-bottom50	{ margin-bottom:50px; }
.margin-bottom60	{ margin-bottom:60px; }
.margin-bottom80	{ margin-bottom:80px; }
.margin-bottom100	{ margin-bottom:100px; }
.margin-bottom130	{ margin-bottom:130px; }
.margin-bottom150	{ margin-bottom:150px; }
.margin-bottom180	{ margin-bottom:180px; }
.margin-bottom200	{ margin-bottom:200px; }

.padding-top5		{ padding-top:5px !important; }
.padding-top10		{ padding-top:10px !important; }
.padding-top20		{ padding-top:20px !important; }
.padding-top30		{ padding-top:30px !important; }
.padding-top40		{ padding-top:40px !important; }
.padding-top50		{ padding-top:50px !important; }
.padding-top60		{ padding-top:60px !important; }
.padding-top80		{ padding-top:80px !important; }
.padding-top100		{ padding-top:100px !important; }
.padding-top130		{ padding-top:130px !important; }
.padding-top150		{ padding-top:150px !important; }
.padding-top180		{ padding-top:180px !important; }
.padding-top200		{ padding-top:200px !important; }

.padding-bottom5	{ padding-bottom:5px !important; }
.padding-bottom10	{ padding-bottom:10px !important; }
.padding-bottom20	{ padding-bottom:20px !important; }
.padding-bottom30	{ padding-bottom:30px !important; }
.padding-bottom40	{ padding-bottom:40px !important; }
.padding-bottom50	{ padding-bottom:50px !important; }
.padding-bottom60	{ padding-bottom:60px !important; }
.padding-bottom80	{ padding-bottom:80px !important; }
.padding-bottom100	{ padding-bottom:100px !important; }
.padding-bottom130	{ padding-bottom:130px !important; }
.padding-bottom150	{ padding-bottom:150px !important; }
.padding-bottom180	{ padding-bottom:180px !important; }
.padding-bottom200	{ padding-bottom:200px !important; }

.fixed 				{ position:fixed !important; 	}
.relative 			{ position:relative !important;	}
.nopadding 			{ padding:0 !important; 		}
.nopadding-left 		{ padding-left:0 !important; 	}
.nopadding-right 	{ padding-right:0 !important; 	}
.nopadding-top 		{ padding-top:0 !important; 	}
.nopadding-bottom	{ padding-bottom:0 !important; 	}
.nomargin 			{ margin:0 !important; 			}
.nomargin-left 		{ margin-left:0 !important; 	}
.nomargin-right 		{ margin-right:0 !important; 	}
.nomargin-top		{ margin-top:0 !important; 	}
.nomargin-bottom	{ margin-bottom:0 !important; 	}
.noborder 			{ border:0 !important; 			}
.noradius			{ -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.absolute 			{ position:absolute !important; }
.lowercase 			{ text-transform:lowercase; 	}
.uppercase 			{ text-transform:uppercase; 	}
.no-text-transform	{ text-transform:none !important; }
.italic 				{ font-style:italic; 			}
.pointer 			{ cursor:pointer; 				}
.block 				{ display:block !important; 	}
.bold 				{ font-weight:bold !important; 	}
.fullwidth 			{ width:100% !important; 		}
.halfwidth 			{ width:50% !important; 		}
.container			{ position:relative; 			}
i.fa 				{ text-decoration:none !important;}
.justify 			{ text-align:justify; 			}
/*.btn i.fa			{ padding-right:10px; 			}*/
.btn-margin-top		{ margin-top:30px;			 	}
.text-underline		{ text-decoration:underline;  	}
.nowrap				{ white-space: nowrap !important;	}
.wrap				{ white-space: normal !important;	}
.transparent		{ background:transparent !important;}
.noheight           { height:auto !important; min-height:34px !important; }
.inline-block       { display: inline-block !important;}
.width-auto         { width: auto !important;}
.label-lg           { font-size: 1em; }
.cursor-pointer     { cursor: pointer; }
.vertical-align-top  { vertical-align: top!important; }
.vertical-align-middle  { vertical-align: middle!important; }
.text-left          { text-align: left!important; }
.text-right         { text-align: right!important; }
.text-center        { text-align: center!important; }
.font-weight-normal { font-weight: normal!important; }
.font-weight-bold   { font-weight: bold!important; }
.white-space-pre    { white-space: pre-wrap; }
.clear-float        { clear:both; }

.required, .error, .negative, .custom-message, .error-message { color:#a94442; }
label.error { font-weight:normal!important; }
.custom-message { padding-bottom:1em; }
.custom-message.no-margin { padding:0 !important; }
.capitalize {text-transform:capitalize;} 
.decimal-list { list-style: decimal; margin-left: 20px; padding-left:0; }
.none-list { list-style: none; margin-left: 0; margin-bottom:0; padding-left:0; }
.hidden { display: none; }
.visibility-hidden { visibility: hidden; }
.hiddenvalidate { position:absolute; left:-10000px;}

.table-options{ text-align: center !important; }
.table-options .fa{ font-size: 15px !important; margin-left:1px; margin-right:1px; }

/* required label */
.lbl.required:before { content: "*"; }
label > .required::before { content: "*"; font-weight: 700; font-size: 1.3em; margin-right: .1em; line-height: .8em; }

/* uploader */
.image-uploader .thumbnail { margin:0; margin-top:1em; }
.quploader { overflow:hidden; }
.qq-uploader{position:relative;width:100%;}
.qq-upload-drop-area{display:none!important;position:absolute;top:0;left:0;width:100%;height:100%;min-height:70px;z-index:2;background:#FF9797;text-align:center;}
.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px;}
.qq-upload-drop-area-active{background:#FF7171;}
.qq-upload-list{margin:6px 0 0 0;padding:0;list-style:none;}
.qq-upload-list li{margin:0;padding:0;line-height:1.5em;}
.qq-upload-file,.quploader .qq-upload-spinner,.quploader .qq-upload-size,.quploader .qq-upload-cancel,.quploader .qq-upload-failed-text{margin-right:7px;}
.qq-upload-list li a{color:#333; line-height: 2.6em; }

.qq-upload-spinner{display:inline-block;background:url("../img/loading.gif");width:15px;height:15px;vertical-align:text-bottom;}
.qq-upload-size,.quploader .qq-upload-cancel{font-size:11px;}
.qq-upload-failed-text{display:none;color:#b94a48;font-weight:bold; margin-left:1em;}
.qq-upload-fail .qq-upload-failed-text{display:inline;}
.qq-upload-button { float:left; margin-right:20px; }
.qq-upload-file a { color: #428BCA !important; }
.qq-attachment .qq-upload-list {clear: both; padding-top: 1em;}
.qq-attachment .qq-upload-list li {line-height: 2em;}
.image-uploader .image-container { position:relative; display:inline-block; }
.image-uploader .image-container .image-delete { height:22px; width:22px; background: url('../img/delete_1.png') no-repeat scroll 0% 0% transparent; position:absolute; right:-11px; cursor:pointer; }
.image-uploader .image-container .image-delete:hover { background: url('../img/delete_1.png') no-repeat -23px; }

.file-uploader .qq-upload-list { clear:both; padding-top: .5em; }
.file-uploader .qq-upload-list li { line-height: 2.3em; }
.file-uploader .qq-upload-list li .qq-upload-cancel { margin-left: 10px; color: red; }
.file-uploader .qq-upload-list .file-delete { height:2.3em; width:16px; background: url('../img/delete_2.png') no-repeat scroll 0% 50% transparent; cursor:pointer; float:left; }
.file-uploader .qq-upload-list .file-delete:hover { background: url('../img/delete_2.png') no-repeat -16px; }
.file-uploader .qq-upload-list .file-filename { margin-left:.5em; float:left;  }
.file-uploader .qq-upload-list .file-filename a { color:#00f; }

.image-uploader .qq-upload-list { clear:both; padding-top: .5em; }
.image-uploader .qq-upload-list li { line-height: 2.3em; }
.image-uploader .qq-upload-list li .qq-upload-cancel { margin-left: 10px; color: red; }
.image-uploader .qq-upload-list .image-item { position:relative; display:inline-block; }
.image-uploader .qq-upload-list .image-item .image-delete { height:22px; width:22px; background: url('../img/delete_1.png') no-repeat scroll 0% 0% transparent; position:absolute; top:0px; right:-11px; cursor:pointer; }
.image-uploader .qq-upload-list .image-item .image-delete:hover { background: url('../img/delete_1.png') no-repeat -23px; }


/* Preloader */
.page-loader {
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 9998;
}

.loader {
	position: absolute;
	border-left: 2px solid #ffffff;
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	height: 46px;
	width: 46px;
	left: 50%;
	top: 50%;
	margin: -23px 0 0 -23px;
	text-indent: -9999em;
	font-size: 10px;
	z-index: 9999;
	-webkit-animation: load 0.8s infinite linear;
	   -moz-animation: load 0.8s infinite linear;
	     ms-animation: load 0.8s infinite linear;
	      o-animation: load 0.8s infinite linear;
	        animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 46px;
	height: 46px;
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/* pagination size area */
.pagination-info { margin-top: 20px; }
.pagination > li > span.paginate_label { border:none; padding-top:7px; padding-bottom:7px; }
.pagination > li > span.paginate_label:hover { background-color: #FFF; }
.pagination-size select { font-size: inherit !important; !important; padding:2px;  }

/* select2 custom dropdown */
.select2-container--default .select2-selection--single { border: 1px solid #e5e6e7 !important; border-radius: 1px !important; height:33px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 33px; }

/* form buttons */
.form-actions { padding-top:15px; }

/* data table head */
.dataTable thead th { background-color:#fff!important; }

/* password strength */
.password-strength-info { font-size: .9em; font-style: italic; color: #a94442; clear:both; display:block; }

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid none;
    border-width: 0;
}

/* angular ng-cloak - prevent flicker effect */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* angular typeahead */
.uib-typeahead .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #fff !important;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86,96,117,.7);
}

.uib-typeahead .custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 400px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border: none !important;
    box-shadow: none;
}

.uib-typeahead .custom-popup-wrapper .typeahead-header {
    font-weight: bold;
    border-bottom: 1px solid #aaa;
    height: 1.7em;
}

.uib-typeahead .uib-typeahead-match {
    padding: 4px;
}

.uib-typeahead .uib-typeahead-match.active {
    background-color: #1ab394;
    color: #fff !important;
}

.uib-typeahead .uib-typeahead-match.active a {
    color: #fff !important;
}

.uib-typeahead .loading {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
    background: url("../img/loading.gif");
    width: 15px;
    height: 15px;
}

/* angular file */
/*.ng-file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}

    .ng-file input {
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
    }

    .ng-file:hover {
        background: #AADFFD;
        border-color: #78C3F3;
        color: #004974;
        text-decoration: none;
    }*/


/*angular upload file css*/
.task-fileLabel {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #8cc051;
    border-radius: 5px;
    background: #8cc051;
    cursor: pointer;
}

.task-fileInput {
    display: none;
}

/*zoom up the image start */
.imgview-mask {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999998;
    left: 0;
    top: 0;
    background: #000;
    opacity: .75;
    filter: alpha(opacity=75);
    display: none;
}

.show-img {
    position: fixed;
    width: 200px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -100px;
    background: #fff;
    z-index: 999999;
    width: 900px;
    height: 666px;
    margin-left: -450px;
    margin-top: -333px;
    display: none;
}

    .show-img img {
        width: 900px;
        height: 666px;
    }

    .show-img a {
        position: absolute;
        width: 40px;
        height: 40px;
        right: -40px;
        top: -40px;
        background: url(../image/index-close.png) -10px -10px no-repeat;
    }

        .show-img a:hover {
            position: absolute;
            width: 40px;
            height: 40px;
            right: -40px;
            top: -40px;
            background: url(../image/index-close.png) -10px -77px no-repeat;
        }
/*zoom up the image end */

/* fix checkbox list and radiobutton list styles */
.checkbox.cb-inline, .radio.rb-inline {
    margin-top: 0;
    padding-top: 0 !important;
    padding-left: 0 !important;
}
.cb-inline li, .rb-inline li {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;

    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right:10px;
}



/* make modal dialog vertically align */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
    pointer-events:all;
}



/* input limiter box style*/
.limiterBox {
    border: 1px solid #222;
    border-top: none;
    background-color: #333;
    padding: 3px 6px;
    font-size: 13px;
    color: #FFF;
    margin-top: 6px;
}
.limiterBox:after {
    display: none;
}
.limiterBox:before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    left: 50%;
    margin-left: -5px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #333;
    -moz-border-bottom-colors: #333;
    border-width: 0 8px 8px;
}



/*  fix login window alignment  */
.login-box {
    padding: 0!important;
    padding-top: 150px!important;
}
.login-bg {
    background: url(../img/ARC02.jpg) center center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



/* BMI color index */
.bmi-underweight { background-color: #d1dade; }
.bmi-normal { background-color: #179BD9; color: #fff; }
.bmi-overweight { background-color: #32A03F; color: #fff; }
.bmi-obese { background-color: #F2CD34; color: #fff; }
.bmi-morbidly-obese { background-color: #C2262A; color: #fff; }


/* Threshold color index */
.ews-0 { background-color:#00b050; color:#fff; }
.ews-1 { background-color:#ffdd71; color:#fff; }
.ews-2 { background-color:#ffc000; color:#fff; }
.ews-3 { background-color:#ff0000; color:#fff; }
.ews--1, .ews- { background-color:#d1dade; }
.vital-score-text.ews-0 { background-color:transparent; color:#00b050; }
.vital-score-text.ews-1 { background-color:transparent; color:#ffdd71; }
.vital-score-text.ews-2 { background-color:transparent; color:#ffc000; }
.vital-score-text.ews-3 { background-color:transparent; color:#ff0000; }
.vital-score-text.ews--1, .vital-score-text.ews- { background-color:transparent; color:#d1dade; }


/* chose fix layoyut */
.chosen-container-multi .chosen-choices {
    border-radius: 1px;
}
.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    padding-left: 10px;
}
.chosen-container-multi .chosen-choices li.search-choice {
    margin-top: 5px;
}


/* lessen left navigation padding */
.navbar-default .nav > li > a {
    padding: 14px 15px 14px 15px;
}
body.mini-navbar .navbar-default .nav > li > a {
    padding: 14px 20px 14px 25px;
}
.navbar-default .nav-second-level li a {
    padding: 7px 15px 7px 42px;
}
.navbar-default .nav-third-level li a {
    padding-left: 62px;
}


/* avatar sizes */
.avatar-md {
    max-width: 182px;
    max-height: 182px;
    width: auto !important;
    height: auto !important;
}
.avatar-sm {
    max-width:48px; 
    max-height:48px; 
    width: auto!important; 
    height: auto!important;
}


/* loading icon */
.loading-icon {
    display: inline-block;
    background: url("../img/loading.gif");
    width: 15px;
    height: 15px;
} 


/* user dashboard */
.social-feed-box.m-t{ margin-top:0; border-width: 0; border-top-width: 1px; }
.task-container { height:200px; }
.task-container .dropdown-menu { margin-right:2px; top:30px; }
.task-container .task-sequence { float:left; }
.task-container .list-group .list-group-item:nth-of-type(2n+2) .task-sequence span.label { background-color:#23c6c8; }
.task-container .list-group  { counter-reset:rowNumber; }
.task-container .list-group .list-group-item { counter-increment:rowNumber; }
.task-container .list-group .list-group-item .task-sequence span.label:before { content:counter(rowNumber); }
.task-container .task-detail { margin-left: 35px; margin-right: 30px; word-wrap: break-word; }


/*  change datatable sorting header color */
.dataTable .sorting a, .dataTable .sorting_desc a, .dataTable .sorting_asc a { color:inherit; }
.dt-bootstrap .dataTables_filter { display:none; }
.dt-bootstrap .dataTables_length select { width: auto !important; font-size: inherit !important; padding: 2px; }
.dt-bootstrap .dataTables_info { padding-top:15px !important; }
.dt-bootstrap .dataTables_paginate { padding-top: 15px !important; }


/* small row padding */
.row.row-sm { margin-left: -7px; margin-right: -7px; }
.row.row-sm .form-group { margin-right: -7px; margin-left: -7px; }
.row.row-sm [class*="col-"] { padding-right: 7px; padding-left: 7px; }


/* bootstarp menu / context menu style. make menus narrower */
.bootstrapMenu .dropdown-menu > li > a { line-height: 20px; margin: 4px 0; }


/* loading spinner */
.spinner-content.sk-loading::after { content: ''; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1900; }
.spinner-content.sk-loading { position: relative; }
.spinner-content.sk-loading > .sk-spinner { display: block; position: absolute; top: 40%; left: 0; right: 0; z-index: 2000; }
.spinner-content > .sk-spinner { display: none; }


/* Improve position of Calendar Date Title on small screens */
@media (max-width: 768px) {
    .fc-header-toolbar { display: table !important; width: 100%; }
    .fc-header-toolbar .fc-center { display: table-header-group !important; }
    .fc-header-toolbar .fc-center h2 { text-align: center; margin-bottom: 10px; width: 100%; }
}


/* turn off spinners in numbers */
input[type='number'].no-spinner { -moz-appearance:textfield; }
input[type='number'].no-spinner::-webkit-outer-spin-button, input[type='number'].no-spinner::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


/* set dl dt wrapping to wrap */
.wrapped-dl dt {
  white-space: normal !important;
}


/* overlap modal */
.overlapModal { z-index: 4050 !important; }
.overlapModal ~ .modal-backdrop { z-index: 4000 !important; }


/* branding logo */
body.mini-navbar .brand-logo { display: none; }
.nav-header { padding: 10px 10px !important; }
.dropdown.profile-element { padding: 23px 15px 10px !important; }
/* changes - transfer beside the green button */
.brand-logo { display: inline-block; margin-top: 7px; height: 50px; overflow:hidden; margin-left: 5px; }
.brand-logo img { max-height: 50px; }
    

/* adjust dashboard task layout june 25 */
.ibox-title .task-container .list-group-item span.label { margin-right: 10px !important; }
.ibox-title .task-container .label { float: none !important; margin-left: inherit !important; }
.ibox-title .task-container { height:500px !important; }
.ibox-title .task-container .list-group li:first-child { border-top-width:0; }


/* other fixes */
@media (max-width: 768px){
    .navbar-right {
        margin-right: 15px;
    }
}

.chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices{
    border-top-right-radius: 0 !important; 
    border-top-left-radius: 0 !important; 
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* wound */
.woundSVG ellipse {
	fill: gray;
	stroke: #231F20;
	stroke-width: 1;
	opacity: 0.2;
}
.woundSVG ellipse:hover {
	opacity: 0.5;
	cursor: pointer;
}

/* for Golden Care only */
/* used by \customcontrols\profileheader.ascx */
.special-indicator {
    background-color: yellow;
    margin-bottom: 5px;
    display: inline-block;
}
.allergies {
    background-color: lightcoral;
    margin-bottom: 5px;
    display: inline-block;
}