* { outline: none !important; }
canvas, *, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Helvetica Neue','Montserrat', sans-serif; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; }
tr.ps-primary-row { height: 70px; }
td { font-size: 12px; }

/* reset password link */
.ps-content { margin-top: 100px; float: left; width: 100%; }
.ps-base-wrapper { background: #fff; float: left; width: 100%; }
.ps-center-offset { margin: auto; float: none; }
.ps-full-size { width: 100%; max-width: 100%; }
.box { border-radius: 0px !important; float: left; width: 100%; padding: 15px 0px; }

.ps-form-control { border-radius: 5px; height: 40px; background: #ffffff; background-image: none;}
.ps-selectize > .selectize-input {background: none !important; border-color: #d2d6de !important; font-size: 14px; padding: 10px;}

.input-group .input-group-addon { background: #eee; }

.has-error > .selectize-control > .selectize-input {
    border: 1px solid #dd4b39 !important;
}

.align-left {
	text-align: left;
}

.violator {
	background-color: #6ed1ff;
	font-size:25px;
	size: 25px;
	padding-top:10px;
	padding-bottom:10px;
	
	
}

.violator a{
	color: white;
	
}

.card_details {
	font-size:16px;
	font-weight:2000;
}

.disabled_item {
	background-color: #eee;
    border-radius: 5px;
    padding: 15px;
}

.ps-checkbox {
	width:20px; 
	height:20px;
	border-color: #aeaeae;
	border-shadow: none;
	margin-right: 5px;
}
.profile_pic {
	width: 200px;
	height: 200px;
	border-radius: 50%;
 	border: 0 none;
}

.middle-align { float: none; margin: 0 auto; }

.ps-require-note { color: red; }
.ps-encircle-icon { border: solid 2px #999; float: left; text-align: center; border-radius: 50%; height: 35px; width: 35px; position: relative; }
.ps-encircle-icon > .ps-inner-element { top: 8px; color: #999; position: absolute; left: 10px; }
.ps-screen-header { margin-bottom: 10px; float: left; width: 100%; }
.ps-primary-screen-title { margin-top:5px; }
.ps-screen-body-content { border-top: 1px solid #eee; border-bottom: 1px solid #eee; float: left; width: 100%; }
.ps-table-content { margin-bottom: 0px; }
.ps-row-record-instance:hover { background: #eee !important; cursor:pointer; }

.ps-success { background: #fff; border: 2px solid #95c710; color: #95c710; padding: 10px; border-radius: 5px; }
.ps-success:hover, .ps-success:focus, .ps-success.active { background: #95c710 !important; border: 2px solid #95c710 !important; box-shadow:none; color: #ffffff; }

.ps-info { background: #fff; border: 2px solid #a3a3a3; color: #a3a3a3; padding: 10px; border-radius: 5px; }
.ps-info:hover, .ps-info:focus, .ps-info.active { background: #a3a3a3 !important; border: 2px solid #a3a3a3 !important; box-shadow:none;}

.ps-danger { background: #fff; border: 2px solid #f44336; color: #f44336; padding: 10px; border-radius: 5px; }
.ps-danger:hover, .ps-danger:focus, .ps-danger.active { background: #f44336 !important; border: 2px solid #f44336 !important; box-shadow:none;}


.ps-primary { background: #fff; border: 2px solid #337ab7; color: #337ab7; padding: 10px; border-radius: 5px; }
.ps-primary:hover, .ps-primary:focus, .ps-primary.active { background: #337ab7 !important; border: 2px solid #337ab7 !important; box-shadow:none;}

.ps-btn-long { padding-left: 45px; padding-right: 45px; }

.ps-primary-text { color: #337ab7; }


.ps-btn-white { background: none; border: 2px solid #ffffff; color: #ffffff !important;}
.ps-btn-white:hover { background: #ffffff !important; border: 2px solid #ffffff; color: #444444 !important;}

.ps-groupOption { color: #999; }
.ps-ailmentInstanceHolder { margin-bottom: 20px; }
.ps-selectedAilmentsWrapper { margin-top: 10px; }

.ps-fieldsetWrapper, #ailmentOptionWrapper, #medicalHistoryFieldset { background: #f8f8f8; padding-top: 15px; margin-bottom: 20px; }
.ps-fieldsetWrapper { padding: 15px; }
.ps-cityInstance { margin-bottom: 10px; }
.ps-inputGroupClose { cursor: pointer; }

#medicalHistoryFieldset { background: #eee; padding-top: 15px; margin-bottom: 20px; }
h2.ps-primary-text { margin-top: 2px; margin-left: 10px; margin-bottom: 0px; }

/* LOGIN - START */
.ps-full-height{
	height: 100vh;
}

.task_description > a {
	height: 20px;
}
.sub_taskclass {
	
}
.task_description > a {
    white-space: nowrap;
}

.ps-bg-white{
	background: #ffffff;
}
.select_patient {
	padding-top:15px;
	
	padding-bottom:5px;
	
	margin-top:5px;
	
	margin-bottom:5px;
	text-align: center;
}
.ps-myrecords {
	width:150px;
}
.choose-appointment-profile {
	padding-top:5px;
	
	padding-bottom:5px;
	
	margin-top:5px;
	
	margin-bottom:5px;
}
.login-wrapper .strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.5;
    margin: 0 2em;
}

.login-wrapper .strike > span:before, .strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #333333 !important;
    opacity: 1;
}

.login-wrapper .strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.login-wrapper .strike > span:after {
    left: 100%;
    margin-left: 15px;
}

.login-wrapper .strike > span {
    position: relative;
    display: inline-block;
}

.ps-reset-link{
	color: #444444;
}

.ps-reset-link:hover{
	color: #444444;
	text-decoration: underline;
}

.ps-sign-up, .ps-green-text{
	color: #2d9ab5;
}

.ps-sign-up:hover{
	color: #2d9ab5;
	text-decoration: underline;
}


.ps-signup-bg{
	background: url("../assets/images/signup/bg.jpg") no-repeat;
	background-size: cover;
}
/* LOGIN - END */

/* HEADER - START */

header .logo img { max-height: 100%; }
.content-header { position: relative; padding: 14px; color: #777; border-bottom: 1px solid #eee; background: #f6f6f6 !important; float: left; width: 100%; height: 70px; }
.content-header h1 { margin-top: 10px; }

.ps-header-avatar{
	width: 25px;
	max-height:25px !important;
	margin-right: 10px;
}

.ps-navbar > li > a{
	padding-bottom: 8px;
}

.ensure_yellow .main-header .navbar{
	background-color: yellow;
}

.ps-nav-bg{
	background-color: #4680c0;
}

.ps-navbar > .dropdown > .dropdown-menu{
	padding: 0 !important;
}

.ps-navbar > .dropdown > .dropdown-menu > li{
	border-bottom: 1px solid #eeeeee
}

.ps-navbar > .dropdown > .dropdown-menu > li > a{
	color: #444444;
	padding: 8px 20px;
}

.ps-header-login{
	margin: 7px 25px;
}
/* HEADER - END */


/* SIDEBAR - START */
#currentUserInfo { background-color: #8f9396; width: 100%; position: relative; float: left; height: 70px; }
.sidebar { background: #6d6e70; float: left; width: 100%; }
.sidebar-menu { background: transparent; width: 100%; position: relative; display: block; }
.sidebar-menu > li { float: left; width: 100%; }
.sidebar-menu > li a {background : #58575c; }

.info h6 { color: #fff; }

#myRecords { 
	background-image: url('/assets/images/sidenav/patient/medicalprogram-gray.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: 20px;
}

#myPayment { 
	background-image: url('/assets/images/sidenav/patient/payment-gray.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: 20px;
}

#myRecords:hover { background-image: url('/assets/images/sidenav/patient/medicalprogram-white.svg'); }
#myPayment:hover { background-image: url('/assets/images/sidenav/patient/payment-white.svg'); }

.patient_sidebar li a { height: 60px; }

.ps-side-nav-icon {
	width: 30px;
    float: left;
    margin-top: 3px;
}

.ps-iv-skin aside{
	background: none !important;
    border-right: #ccc 1px solid;
}

.ps-iv-skin .ps-sidebar-name { color: #fff; font-size: 17px; margin-bottom: 5px; margin-top: 15px; }
.info h6 { margin-top: 3px; }

.ps-iv-skin .sidebar > .sidebar-menu > li:last-child { color: #fff; font-size: 17px; float: left; width: 100%; }

.skin-blue .sidebar_menu  > li:hover > a { background-color: #b8c7ce !important; }

.skin-blue .sidebar_menu  > li:active > a { background-color: #b8c7ce !important; }
.skin-blue .sidebar a:hover { background-color: #b8c7ce !important; }
.skin-blue .sidebar a { background-color: transparent; padding-left: 40px; border-top: none; font-size: 12px; }

.ps-iv-skin .sidebar > .sidebar-menu > li > a{
	border-top: none;
}

.ps-iv-skin .sidebar > .sidebar-menu > li > a { color: #ffffff; padding-top: 20px; padding-left: 20px; border: 1px 0px solid #eeeeee; font-size: 12px; }

.ps-iv-skin .sidebar > .sidebar-menu > li:hover > a,
.ps-iv-skin .sidebar > .sidebar-menu >  li:focus > a,
.ps-iv-skin .sidebar > .sidebar-menu >  li:active > a{
	/*border: none;*/
	background-color: #2d9ab5 !important;
	color: #ffffff;
}

.ps-sidebar-avatar {
    margin-top: 15px;
    position: relative;
    width: 30%;
    max-height:100px;
}

/* SIDEBAR - END */


/* CONTENT - START */
.ps-iv-skin .content-wrapper {
	background-color: #d0d1d3;
}
/* CONTENT - END */

.step_count {
	color: #dbdbdb !important;
	margin-left: 15px;
}

.step_name {
	color: #5d99b5 !important;
	margin-left: 10px;
}
/* -- TAB ELEMENTS ------*/

.uib-tab > a{
	border-radius: 0px !important;
	border: none !important;
}
.uib-tab.active > a, .uib-tab.active > a:hover{
	border: none !important;
	background-color: #f7f7f7 !important;
}

uib-tab-heading > .tab_header, span.active_bg{
	background: none !important;
}

.active_bg {
	background-color: #FFFFFF !important;
	color: #41cac0 !important;
	font-size: 20px;
}

.title_panel2 >.active_number{
	
	background-color: #555555;
	color: #FFFFFF;
	font-size: 20px;
	
}

.title_panel2 >.not_active {
	background-color: #FFFFFF;
	color: #555555;
	font-size: 20px;
}

.active_number {
	background-color: #41cac0 !important;
	color: #FFFFFF !important;
	border-radius: 40px;
	font-weight: 400;
	
}

/* ------- SURGEON OPTION ------ */

.surgeon-option-patient { position: relative; padding-top: 20px; padding-bottom: 20px; background: #fff; text-align: center; }
.surgeon-option-patient-active { position: relative; padding-top: 20px; padding-bottom: 20px; background: #fff; text-align: center; border: 0px solid; }
.surgeon-options { border: 0px solid; background: #eee; }
.surgeon-option-patient-active:after { content: ''; position: absolute; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent #fff; display: block; width: 0; z-index: 1; right: -11px; top: 80px; }

/* ---- create view ---- */
.left-side-box {
	border-right: 2px solid #ccc;
}

.left-side-box, .right-side-box {
	/*border: 1px solid #b3b3b3;*/
}

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: top;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

/* ----- loading ----- */
#loadingBar {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.loading-spin{
	color: #cfd1d2;
    position: relative;
    top: 48%;
    font-weight: bold;
}


/* -------------------------- ACTIVATION LOGS -------------------------- */

#downloadExcelTemplate {
    margin-top: 23px;
    padding: 10px 30px;
}

#uploadExcelActivation {
	border: none;
	margin-top: 5px;
	float: left;
	width: 100%;
}

/* ------ Login Page ------ */
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.ap-bg-white{
	background-color: white;
}
.ap-bg-gray{
	background-color: #e2e3e6;
}
.ap-full-height{
	height: 100%;
	vertical-align: middle;
}
.login-wrapper{
	padding: 10px;
	color: #919396;
}
.abbott-logo{
	background-color: #4680c0;
}
.abbott-logo img{
	display: inline;
}
.loginForm{
	padding: 20px;
}
.loginForm input{
	border: none;
	font-size: 12px;
	border-radius: 0;
	border-bottom: 1px solid #cfd1d2;
	padding: 0;
}
.loginForm input:focus{
	border-bottom: 1px solid #919396;
}
.signin-btn{
	border: none;
	text-align: left;
	background-color: transparent;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
.forgot-btn{
	border: none;
	text-align: right;
	background-color: transparent;
	padding: 0;
	font-size: 12px;
}
.signin-btn:hover, .forgot-btn:hover{
	color:#919396;
}

/* ----- optInText ------*/
.optInText {
    font-size: 10px;
}


/* ---------------------------------------------------------------- PAGINATION ---------------------------------------------------------------- */

.pagination { margin: 0px; }

/* ---------------------------------------------------------------- PAGINATION ---------------------------------------------------------------- */





/* ---------------------------------------------------------------- DASHBOARD ---------------------------------------------------------------- */

#line.chart { width: 100% !important; }

#lineGraphContainer { height: 300px; }
#lineGraphContainer .chart-container { width: 100%; height: 300px; }

#pieChartHolder { position: relative; }
.reportTriColumnWrapper { margin-bottom: 15px; float: left; width: 100%; }
.dashboardTriColumn { position: relative; float: left; height: 90px; border-left: 1px solid #ccc; }
.dashboardTriColumn h3 { position: absolute; bottom: 0; }
.dashboardTriColumn:first-child { border-left: none; }
.dashboardTriColumn small { font-size: 10px; }
.dashboardTriColumn small { margin-top: 10px; }

.triButton { width: 33.33%; }
.biButton.active, .triButton.active { background-color: #367fa9 !important; color: #fff !important; box-shadow: none; }
#frequencyDateFilter, #frequencyFilterHolder { float: left; width: 50%; }
.input-group-addon.darkButton { border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #eee; }
#frequencyFilterHolder .btn-group { float: right; width: 95%; margin-left: 5%; }
#pieChartWrapper { width: 60%; float: right; border-left: 1px solid #ccc; }

.min-padding { padding: 0px 3px; }
.selectize-wrapper .selectize-input { padding: 7px 8px; }

/* ---------------------------------------------------------------- DASHBOARD ---------------------------------------------------------------- */






/* ---------------------------------------------------------------- USERGEN ---------------------------------------------------------------- */

	.summary-table{
		background-color: #F1F2F2;
	}

	#barChart canvas { max-width: 100% !important; }
	.summary-table { font-size: 12px; }
	.summary-table .right-bordered { border-right: 1px solid #ddd; width: 10%; float: left; position: relative; }
	.summary-table .calendarColumns { width: 90%; float: left; position: relative; }
	.summary-table, .tableHead, .tableRow { float: left; width: 100%; }
	.reportHeads, .reportColumn { padding: 10px 15px; }

	.tableBlankSpace { background: #fff; padding: 10px; width: 10%; float:left; border-right: 1px solid #ddd; }
	.tableRow { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
	.tableBody { float: left; width: 100%; }
	.reportHeads { border-top: 1px solid #ddd; font-weight: bold; text-align: center; }
	.reportInstanceWrapper { position: relative; padding-left: 35px; float: left; margin-top: 40px; }
	.reportInstanceWrapper:last-child { margin-bottom: 30px; }
	.floatingHeader span { background: #777; padding: 10px; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; text-align: center; font-size: 12px; float: left; width: 100%; }
	.floatingHeader {
		color: black;
		font-size: 16px;
		font-weight: normal;
		margin: 0;
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateX(-100%) rotate(-90deg);
		-webkit-transform-origin: right top;
		-moz-transform: translateX(-100%) rotate(-90deg);
		-moz-transform-origin: right top;
		-o-transform: translateX(-100%) rotate(-90deg);
		-o-transform-origin: right top;
		transform: translateX(-100%) rotate(-90deg);
		opacity: 0;
	}

/* ---------------------------------------------------------------- USERGEN ---------------------------------------------------------------- */


.tab-title{
	background-color: #6D6E71;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

tr.development, tr.usage{
	margin-top: 20px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* ----------------------------- DATEPICKER ----------------------------- */

	.uib-datepicker { padding: 10px !important; }
	.uib-datepicker-popup li, .uib-daypicker, .uib-datepicker-popup-wrap, .uib-datepicker, .uib-datepicker-popup-wrap > * { outline: none !important; }

/* ----------------------------- DATEPICKER ----------------------------- */

/*---- buttons -----*/
.en-btn-default { background: #fff; color: #919396; border: 1px solid #919396; padding: 5px 15px; border-radius: 5px; }
.en-btn-default:hover { background: #919396; color: #fff; }

.en-btn-primary { background: #fff; color: #367fa9; border: 1px solid #367fa9; padding: 5px 15px; border-radius: 5px; }
.en-btn-primary:hover { background: #367fa9; color: #fff; }

.en-btn-warning { background: #fff; color: #f39c12; border: 1px solid #f39c12; padding: 5px 15px; border-radius: 5px; }
.en-btn-warning:hover { background: #f39c12; color: #fff; }

.en-btn-danger { background: #fff; color: #f44336; border: 1px solid #f44336; padding: 5px 15px; border-radius: 5px; }
.en-btn-danger:hover { background: #f44336; color: #fff; }

/* --- ROLE COLORS ---*/
li.role_superadmin, li.role_superadmin:hover{ background-color: #4680c0; color: #ffffff; }
.role_marketing a, .role_marketing a:hover{ background-color: #2b3990; color: #ffffff; }
.role_dsm, .role_dsm:hover{ background-color: #4680c0; color: #ffffff; }
.role_tm, .role_tm:hover{ background-color: #f7941e; color: #ffffff; }
.role_crm, .role_crm:hover{ background-color: #009444; color: #ffffff; }
.role_activator, .role_activator:hover{ background-color: #662d91; color: #ffffff; }

flash-message .alert-success { float: left; width: 100%; border-radius: 0px; margin-bottom: 0px; }
.light { color: #fff; }

.cardTaginstance { margin-right: 5px; }
.removeCardTaginstance:hover { color: #dd4b39; }

#dateBasedExport { background: #e6e6e6; border: 1px solid #ddd; padding: 10px 0px 10px; margin-top: -8px; margin-right: 5px; }
#dateBasedExport label { padding-top: 8px; }
#dateBasedExport button { font-size: 11px; }