/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;

  border:  solid 2px transparent;
  border-top-color:  #29d;
  border-left-color: #29d;
  border-radius: 10px;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

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

/**
 * Copyright(c) 2014 ZeOmega, Inc.
 * See ZeOmega_EULA.txt file included with this module distribution.
 *
 */
/* * Styles to avoid conflicts with jiva.css * */
/* Starts */
legend {
	width: auto;
}
.container {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Ends */
td.multilined-title {
	width: 75%;
}
td.multilined-title-50 {
	width: 50%;
}
td.multilined-title-20 {
	width: 20%;
}
.grouped-panel td.multilined-title {
	width: 72%;
}
td.multilined-title a:hover {
	text-decoration: none;
}

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {*/
	/*vertical-align: middle;*/
/*}*/
.table > thead > tr > th.nested-table-padding-0px,
.table > tbody > tr > th.nested-table-padding-0px,
.table > tfoot > tr > th.nested-table-padding-0px,
.table > thead > tr > td.nested-table-padding-0px,
.table > tbody > tr > td.nested-table-padding-0px,
.table > tfoot > tr > td.nested-table-padding-0px {
	padding: 0px;
}
.small-icons-paddings {
	padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 7px;
}
.form-control, .dropdown-menu {
	font-size: 12px;
}
.modal {
	overflow-y: auto;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
	z-index: inherit;
}
body {
	font-size: 12px;
	padding-bottom: 40px;
}
.btn {
	font-size: 12px;
}
.breadcrumb {
	background-color: inherit;
	margin-bottom: 0px;
	padding: 5px 15px;
}
.breadcrumb > li + li:before {
	content: ">";
}
/* * Styles for App Navigation Bar * */
.navbar {
	min-height: 24px;
}
.navbar-inverse {
	background-color: #333333;
}
.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.navbar-brand {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
.navbar-inverse .navbar-brand {
	color: #ffffff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background: none;
}
.navbar-inverse .navbar-nav > li > a {
	color: #bbbbbb;
}
.center-navigation-links {
	width: 400px;
	margin: 0 auto;
}
.center-navigation-links [class^="icon-"] {
	margin-right: 5px;
	font-size: 16px;
}
/*.notification-counter {*/
	/*background-color: #d4130d;*/
	/*border-radius: 2px;*/
	/*color: #ffffff;*/
	/*font: bold 10px Arial;*/
	/*padding: 0 3px;*/
	/*position: absolute;*/
	/*left: 20px;*/
	/*top: 24px;*/
/*}*/

.notification-counter {
	background-color: #d4130d;
	border-radius: 2px;
	color: #ffffff;
	font: bold 11px Arial;
	padding: 0 3px;
	position: absolute;
	left: 6px;
	top: 6px;
}
.notification-counter-dropdown {
	background-color: #d4130d;
	border-radius: 2px;
	color: #ffffff;
	font: bold 11px Arial;
	padding: 0 3px;
	position: absolute;
	left: 6px;
	top: -8px;
}

.fa-rotate-45 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.line-height-20px {
	line-height: 20px;
}
.line-height-32px {
	line-height: 32px;
}
.module-header {
	padding-top: 31px;
	width: 100%;
	z-index: 9;
}
.module-header-details {
	background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 37%, #F0F0F0 66%, #E5E5E5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 40px;
	z-index: 9;
}
.module-actions {
	background: none repeat scroll 0 0 #FFFFFF;
	min-height: 35px;
}
.pagination {
	margin: 0;
}

/* Styles for clicbank starts */
/*html, body {
 height: 100%;
 }
 #content-main {
 min-height: calc(100% - 130px);
 }*/
.table > thead > tr > th > input[type='checkbox'], .table > tbody > tr > td > input[type='checkbox'] {
	margin-left: 10px;
}
.navbar-fixed-top {
	z-index: 2;
}
.dropdown-menu.workspace-navigation-menu .dropdown-header {
	color: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	font-weight: bold;
}
.dropdown-menu.workspace-navigation-menu {
	padding: 0px;
}
.dropdown-menu.workspace-navigation-menu > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	clear: both;
}
.duplicate-grouped-panel-indicator {
	float: left;
	font-size: 16px;
	position: absolute;
	right: -9px;
	top: 25%;
	z-index: 1;
}
.grouped-panel.pinned {
	min-height: 500px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
	font-size: 8px;
	color: #999999;
	border: none;
}
.grouped-panel {
	border: 1px solid #D4D4D4;
}
.grouped-panel .checkbox {
	margin-bottom: 0px;
}
.grouped-panel-options a, .show-actions-on-hover-options a {
	visibility: hidden;
	padding: 5px;
}
.show-actions-on-hover-options a {
	visibility: hidden;
	padding: 0 5px;
}
.grouped-panel:hover .grouped-panel-options a, .show-actions-on-hover-container:hover .show-actions-on-hover-options a  {
	visibility: visible;
}
.grouped-panel-options a.visible {
	visibility: visible;
	background: #CCCCCC;
}
/*.module-header-details {
 border-bottom: none;
 }*/
.form-signin-container {
	height: 353px;
	left: 50%;
	margin: -180px auto 0 -165px;
	max-width: 330px;
	overflow: auto;
	padding: 15px;
	position: absolute;
	top: 50%;
}
.navbar-brand {
	padding-top: 12px;
	padding-bottom: 12px;
}
/*.navbar-form {
	width: 50%;
}*/
.navbar-nav.pull-right {
	padding-bottom: 12px;
	padding-top: 12px;
}
.navbar-nav.pull-right li a {
	padding-bottom: 0;
	padding-top: 0;
}
.module-header {
	padding-top: 47px;
}
.module-header-details {
	background: #FFFFFF;
}
.module-header .breadcrumb > li + li:before {
	/*content: "/";*/
	/*color: #333333;*/
}
.module-header .breadcrumb > li a {
	/*color: #333333;*/
	font-size: 12px;
	font-weight: bold;
}
.module-header .breadcrumb > .active {
	color: #666666;
}

/* Styles for clicbank Ends */

/* * * * * * * * * * * * * * * * Styles For POC * * * * * * * * * * * * * * * * * * * * * * */

.problem-container {
	/*padding-top: 5px;*/
}
.filter-container {

}
.added-filter-star {
	left: -6px;
	position: relative;
	top: -7px;
}
.added-filter-notification {
	background: none repeat scroll 0 0 #F9EDBE;
	border: 1px solid #F0C36D;
	border-radius: 12px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 0 10px;
	position: fixed;
	top: 30px;
	z-index: 10000000000;
	width: 35%;
}
.poc.module-header {
	padding-top: 0;
}
.poc.module-header .nav a.active {
	font-weight: bold;
	border-bottom: 2px solid #666666;
	/*margin-top: -2px;*/
}
.data-header .checkbox {
	margin-top: 5px;
	margin-bottom: 5px;
}
.data-header .checkbox label {
	font-weight: inherit;
}
.data-header input[type="checkbox"] {
	margin-top: 2px;
}
.intervention {
	/*padding-top: 5px;*/
}
.problem-container.disabled, .goal-container.disabled, .intervention.disabled, .intervention-container.disabled {
	opacity: 0.5;
}
.intervention .checkbox {
	margin-top: 0px;
	margin-bottom: 0px;
}
.intervention input[type="checkbox"] {
	margin-top: 2px;
}
a.disabled:hover, a.disabled:focus {
	color: #666666;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
a.disabled {
	pointer-events: none;
	cursor: default;
  }
/**************************************************************************************************************************************************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Styles used for assessments Starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**************************************************************************************************************************************************/

/**************************************************************************************************************************************************/
/* * Assessment Layout - Starts * */
/**************************************************************************************************************************************************/

.assessment-left, .pr-left, .fax-intake-inner-left {
	float: left;
	width: 225px;
	height: 100%;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.assessment-left, .provider-dashboards-left, .fax-intake-left {
	width: 265px;
	overflow-y: auto;
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.provider-dashboards-left, .fax-intake-left {
	width: 365px;
}
.assessment-left {
	width: 265px;
	background: #dddddd;
	overflow-y: auto;
	float: left;
}
.assessment-right {
	float: left;
	margin-left: 265px;
}
.provider-dashboards-right, .fax-intake-right {
	width: calc(100% - 365px);
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}

.entity-container {
	width: calc(100% - 565px);
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.entity-definition {
	width: 565px;
	overflow-y: auto;
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.fax-intake-right .table {
	margin-bottom: 0px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 1px;
}
.fax-intake-inner-right {
	margin-left: 225px;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.assessment-questionnaire-left {
	/*    width: 300px;
	 float: left;*/
	margin-right: 650px;
}
.assessment-questionnaire-middle {
	/*margin-left: 300px;
	 margin-right: 100px;*/
	float: right;
	width: 150px;
	text-align: right;
}
.assessment-questionnaire-right {
	/*width: 100px;
	 float: right;*/
	width: 500px;
	float: right;
}

.group-score-display {
	width: 150px;
	float: left;
	text-align: right;
}
.ze-toggle .toggle {
	display: none;
}
.ze-toggle .fa-caret:before {
	content: "\f0d7";
}
.ze-toggle {
	padding-right: 0;
}
.fa-caret:before {
	content: "\f0d8";
}
/**************************************************************************************************************************************************/
/* * Intake Faxes - Starts * */
/**************************************************************************************************************************************************/

.add-fax-btn, .move-fax-btn, .refresh-fax-btn {
	width: 104px;
	text-align: center;
}

/**************************************************************************************************************************************************/
/* * Intake Faxes - Ends * */
/**************************************************************************************************************************************************/

/**************************************************************************************************************************************************/
/* * Assessment Layout - Ends * */
/**************************************************************************************************************************************************/

/**************************************************************************************************************************************************/
/* * Icons In Tree Stucure - Starts * */
/**************************************************************************************************************************************************/

.symbol-leaf-node, .symbol-open, .symbol-close, .symbol-unread, .symbol-complete, .symbol-incomplete {
	float: left;
	height: 1em;
	width: 16px;
	margin-right: 5px;
	position: absolute;
	left: 20px;
}
.symbol-open {
	background: #dddddd;
}
.symbol-close {
	background: #000000;
}
.symbol-leaf-node {
	background: blue;
}
.symbol-unread {
	background: #F7819F;
}
.symbol-complete {
	color: #6CC009;
}
.symbol-incomplete {
	color: #FFBF00;
}
.symbol-current, .symbol-current a {
	font-weight: bold;
	color: #333;
}
/**************************************************************************************************************************************************/
/* * Icons In Tree Stucure - Ends * */
/**************************************************************************************************************************************************/

.node-label {
	cursor: pointer;
}
.tree-menu-level-0.node-label {
	margin-left: 40px;
}
.tree-menu-level-1.node-label {
	margin-left: 60px;
}
.tree-menu-level-2.node-label {
	margin-left: 80px;
}
.assessment-question-compulsary-icon, .assessment-notes-icon, .pr-checkbox-container, .fax-intake-checkbox-container {
	width: 20px;
	float: left;
}
.assessment-question-container, .assessment-notes-container, .pr-request-details-container, .fax-intake-details-container {
	margin-left: 20px;
}
.assessment-notes-container {
	margin-right: 60px;
	word-wrap: break-word;
}
.questionnaire-level-1.assessment-questionnaire-left {

}
.questionnaire-level-2.assessment-questionnaire-left {

}
.inner-level-1, .inner-level-2 {
	margin-left: 20px;
	border-left: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
.assessment-questionnaire-level-caret {
	border-color: transparent transparent #F7F7F7;
	border-style: solid;
	border-width: 0 10px 10px;
	height: 0;
	left: 50px;
	top: 1px;
	position: relative;
	width: 0;
}

/**************************************************************************************************************************************************/
/* * Add New Assessment Layout Styles - Starts * */
/**************************************************************************************************************************************************/

.assessment-new-left {
	/*    width: 300px;
	 float: left;*/
	margin-right: 650px;
	max-width: 800px;
}
.assessment-new-middle {
	/*margin-left: 300px;
	 margin-right: 100px;*/
	float: right;
	width: 150px;
	text-align: right;
}
.assessment-new-right {
	/*width: 100px;
	 float: right;*/
	width: 500px;
	float: right;
}
.add-assessment-search-results {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 330px;
}
.assessments-record-selected {
	background-color: #2e3235;
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset, 0 -2px 5px -3px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset, 0 -2px 5px -3px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5) inset, 0 -2px 5px -3px rgba(0, 0, 0, 0.5) inset;
}
.question-group {
	color: #aaaaaa;
}
.question-group div.question-group-label {
	padding: 5px 0;
}
.question-group-label.currently-opened {
	color: #EEEEEE;
}
/**************************************************************************************************************************************************/
/* * Add New Assessment Layout Styles - Ends * */
/**************************************************************************************************************************************************/

/**************************************************************************************************************************************************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Styles used for assessments Ends* */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**************************************************************************************************************************************************/

/**************************************************************************************************************************************************/
/* * Tooltip Styles - Starts * */
/**************************************************************************************************************************************************/

.classic {
	/*padding: 0.8em 1em;*/
}
.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover {
	background: transparent;
}
.classic {
	background-color: #333333;
	border: 1px solid #000000;
}
.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}
.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}
.info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}
.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4, .tooltip h5, .tooltip h6 {
	color: #aaaaaa;
}
.tooltip .problem-container-without-source, .tooltip .goal-container-without-source, .tooltip .intervention-container-without-source {
	background: inherit;
}
.tooltip .goal-container-without-source, .tooltip .intervention-container-without-source {
	border-left: 1px solid #d4d4d4;
}
.tooltip .goal-container-without-source {
	width: 66.9%;
	float: left;
}
.tooltip .intervention-container-without-source {
	width: 49.7%;
	float: left;
}
.modal-header {
	background: #ffffff;
	z-index: 1;
	position: relative;
	/*width: calc(100% - 30px);*/
}
.modal-body {
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
}
.modal-footer {
	margin-top: 0;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	background: #ffffff;
	z-index: 1;
	width: calc(100% - 30px);
}
.modal-footer-sm {
	margin-top: 0;
	padding: 15px;
	text-align: left;
	background: #ffffff;
	z-index: 1;
	width: calc(100%);
	border-top: 1px solid #e5e5e5;
}
.modal-content {
}
.radio, .checkbox {
	margin-top: 5px;
	margin-bottom: 5px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	margin-top: 1px;
}
/**************************************************************************************************************************************************/
/* * Tooltip Styles - Ends * */
/**************************************************************************************************************************************************/

/* * Helper Classes Starts * */
/*
 *
 * These Classes are used over the appliation either to apply some css properties or to override the already defined properties
 * To override already defined properties, these classes are defined at the bottom of the document.
 *
 */
/**************************************************************************************************************************************************/
.header-gradient {
	background-color: #f3f3f3;
	background-image: linear-gradient(#f9f9f9, #f3f3f3);
	background-repeat: repeat-x;
}
.background-color-f9f9f9 {
	background: #f9f9f9;
}
.background-color-f6f8fb {
	background: #f6f8fb;
}
.background-color-90c08b {
	background: #90c08b;
}
.background-color-fcf9c7 {
	background: #fcf9c7;
}
.background-color-f9f9fa {
	background: #f9f9fa;
}
.background-color-f4f4f5 {
	background: #f4f4f5;
}
.background-color-eeeeee {
	background: #eeeeee;
}
.background-color-f7f7f7 {
	background: #f7f7f7;
}
.background-color-fffcdd {
	background: #fffcdd;
}
.background-color-ffffff {
	background-color: #ffffff;
}
.background-color-c4e3f3 {
	background-color: #c4e3f3;
}
.background-color-fefac2 {
	background: #fefac2;
}
.circular-background-color-aaaaaa {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #aaaaaa;
	padding: 5px;
}
.circular-background-color {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5px;
}
.background-color-333333 {
	background: #333333;
	color: #ffffff;
}
.background-color-fffede {
	background: #fffede;
}
.background-color-fba16c {
	background: #fba16c;
}
.background-color-cd9b9b {
	background: #cd9b9b;
}
.background-color-eee9e9 {
	background: #eee9e9;
}
.background-color-fec9c9 {
	background: #fec9c9;
}
.background-color-494e51 {
	background: #494e51;
}
.background-color-cccccc {
	background: #CCCCCC;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Override the Default Background Ends */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.font-color-e93207 {
	color: #e93207;
}
.font-color-333333 {
	color: #333333;
}
.font-color-0088cc {
	color: #0088cc;
}
.font-color-aaaaaa {
	color: #aaaaaa;
}
.font-color-ffbf00 {
	color: #ffbf00;
}
.font-color-ffffff {
	color: #ffffff;
}
.font-color-6cc009 {
	color: #6cc009;
}
.font-color-fe9a2e {
	color: #fe9a2e;
}
.font-color-666666 {
	color: #666666;
}
.font-color-e7e7e7 {
	color: #e7e7e7;
}
.font-color-cccccc {
	color: #cccccc;
}
.font-color-eeeeee {
	color: #eeeeee;
}
.font-color-7f7f7f {
	color: #7f7f7f;
}
.font-color-0090FF {
	color: #0090ff;
}
.font-color-fc5959 {
	color: #fc5959;
}
.font-color-999999 {
	color: #999999;
}
.font-color-72a7da {
	color: #72a7da;
}
.font-color-666666 {
	color: #666666;
}
.font-color-6cc009 {
	color: #6cc009;
}
.font-color-ffbf00 {
	color: #FFBF00;
}
.font-color-b91818 {
	color: #d23838;
}
.font-color-000000{
	color: #000000 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Override the Default Font Color Ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Changing Font-Weight from normal to bold and Font-Style from normal to Italics starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.italic-text {
	font-style: italic;
}
.bold-text {
	font-weight: bold;
}
.font-weight-normal{
	font-weight: normal !important;
}
.bold-text-imp {
	font-weight: bold !important;
}
.normal-text {
	font-weight: normal;
}
.font-size-10px {
	font-size: 10px;
}
.font-size-12px {
	font-size: 12px;
}
.font-size-14px {
	font-size: 14px;
}
.font-size-16px {
	font-size: 16px;
}
.font-size-18px {
	font-size: 18px;
}
.font-size-20px {
	font-size: 20px;
}
.font-size-24px {
	font-size: 24px;
}
.font-size-32px {
	font-size: 32px;
}
.font-size-40px {
	font-size: 40px;
}
.font-size-50px {
	font-size: 50px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Changing Font-Weight from normal to bold and Font-Style from normal to Italics Ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage borders Starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.border-right-eeeeee {
	border-right: 1px solid #eeeeee;
}
.border-left-eeeeee {
	border-left: 1px solid #eeeeee;
}
.border-top-eeeeee {
	border-top: 1px solid #eeeeee;
}
.border-bottom-eeeeee {
	border-bottom: 1px solid #eeeeee;
}
.border-right-d4d4d4 {
	border-right: 1px solid #d4d4d4;
}
.border-left-d4d4d4 {
	border-left: 1px solid #d4d4d4;
}
.border-top-d4d4d4 {
	border-top: 1px solid #d4d4d4;
}
.border-bottom-d4d4d4 {
	border-bottom: 1px solid #d4d4d4;
}

.border-bottom-F1F1F1 {
	border-bottom: 1px solid #F1F1F1;
}
.border-bottom-d4d4d4-3px {
	border-bottom: 3px solid #d4d4d4;
}
.border-right-acacac {
	border-right: 1px solid #acacac;
}
.border-left-acacac {
	border-left: 1px solid #acacac;
}
.border-top-acacac {
	border-top: 1px solid #acacac;
}
.border-bottom-acacac {
	border-bottom: 1px solid #acacac;
}
.border-right-333333 {
	border-right: 1px solid #333333;
}
.border-left-333333 {
	border-left: 1px solid #333333;
}
.border-top-333333 {
	border-top: 1px solid #333333;
}
.border-bottom-333333 {
	border-bottom: 1px solid #333333;
}
.last-record {
	border-bottom: 0;
}
.border-none {
	border: 0;
}
.border-radius-5px {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box-shadow-top {
	-moz-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.5) inset;
}
.box-shadow-bottom-3px {
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5);
}
.effect-3d {
	/*text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5), 2px 2px 0px rgba(255, 255, 255, 0.45);*/
	/*text-shadow: 0 2px 0 rgba(0, 0, 0, 0.20), 0px 0px 5px rgba(255, 255, 255, 0.05);*/
	/*text-shadow: -1px -1px white, 1px 1px #333;*/
	/*text-shadow: 1px 1px rgba(0, 0, 0, 0.50), -1px -1px rgba(255, 255, 255, 0.5);*/
	/*text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;*/
	text-shadow: 0 1px rgba(0, 0, 0, 0.3), 0px -1px rgba(255, 255, 255, 0.2);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage borders Ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage Padding starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.padding-left-0px {
	padding-left: 0px !important;
}
.padding-right-0px {
	padding-right: 0px;
}
.padding-top-0px {
	padding-top: 0px;
}
.padding-bottom-0px {
	padding-bottom: 0px;
}
.padding-left-5px {
	padding-left: 5px;
}
.padding-right-5px {
	padding-right: 5px;
}
.padding-top-5px {
	padding-top: 5px !important;
}
.padding-bottom-5px {
	padding-bottom: 5px;
}
.padding-left-10px {
	padding-left: 10px !important;
}

.padding-left-25px {
	padding-left: 25px !important;
}
.padding-right-10px {
	padding-right: 10px;
}
.padding-right-8px {
	padding-right: 8px !important;
}
.padding-left-8px {
	padding-left: 8px !important;
}
.padding-top-10px {
	padding-top: 10px;
}
.padding-bottom-10px {
	padding-bottom: 10px !important;
}
.padding-left-15px {
	padding-left: 15px !important;
}
.padding-right-15px {
	padding-right: 15px;
}
.padding-top-15px {
	padding-top: 15px;
}
.padding-bottom-15px {
	padding-bottom: 15px;
}
.padding-left-20px {
	padding-left: 20px !important;
}
.padding-right-20px {
	padding-right: 20px;
}
.padding-top-20px {
	padding-top: 20px;
}
.padding-bottom-20px {
	padding-bottom: 20px;
}
.padding-left-40px {
	padding-left: 40px;
}
.padding-right-40px {
	padding-right: 40px;
}
.padding-top-40px {
	padding-top: 40px;
}
.padding-bottom-40px {
	padding-bottom: 40px;
}
.padding-left-60px {
	padding-left: 60px;
}
.padding-right-60px {
	padding-right: 60px;
}
.padding-top-60px {
	padding-top: 60px;
}
.padding-bottom-60px {
	padding-bottom: 60px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage padding ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage Margin starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.margin-left-0px {
    margin-left: 0px;
}
.margin-left-3px {
    margin-left: 3px;
}
.margin-right-0px {
    margin-right: 0px;
}
.margin-top-0px {
    margin-top: 0px;
}
.margin-bottom-0px {
    margin-bottom: 0px;
}
.margin-bottom-minus-1px {
    margin-bottom: -1px;
}
.margin-left-5px {
	margin-left: 5px !important;
}
.margin-left-90px {
	margin-left: 90px;
}
.margin-right-3px {
	margin-right: 3px;
}
.margin-right-5px {
	margin-right: 5px;
}
.margin-right-imp-5px {
	margin-right: 5px !important;
}
.margin-top-5px {
	margin-top: 5px !important;
}
.margin-top-7px {
	margin-top: 7px;
}
.margin-bottom-5px {
	margin-bottom: 5px !important;
}
.margin-left-10px {
	margin-left: 10px !important;
}
.margin-right-10px {
	margin-right: 10px;
}
.margin-top-10px {
	margin-top: 10px;
}
.margin-bottom-10px {
	margin-bottom: 10px;
}
.margin-left-15px {
	margin-left: 15px !important;
}
.margin-left-minus-15px{
	margin-left: -15px !important;
}

.margin-right-minus-15px{
	margin-right: -15px !important;
}

.margin-left-150px {
	margin-left: 150px !important;
}
.margin-right-15px {
	margin-right: 15px;
}
.margin-top-15px {
	margin-top: 15px;
}
.margin-bottom-15px {
	margin-bottom: 15px;
}
.margin-top-14px {
	margin-top: 14px;
}
.margin-bottom-14px {
	margin-bottom: 14px;
}
.margin-left-20px {
	margin-left: 20px !important;
}
.margin-right-20px {
	margin-right: 20px;
}
.margin-top-20px {
	margin-top: 20px;
}
.margin-top-2px {
	margin-top: 2px !important;
}
.margin-bottom-20px {
	margin-bottom: 20px;
}
.margin-left-30px {
	margin-left: 30px;
}
.margin-left-minus-65px {
	margin-left: -65px
}
.margin-right-30px {
	margin-right: 30px;
}
.margin-top-30px {
	margin-top: 30px;
}
.margin-bottom-30px {
	margin-bottom: 30px;
}
.margin-left-40px {
	margin-left: 40px;
}
.margin-right-40px {
	margin-right: 40px;
}
.margin-top-40px {
	margin-top: 40px !important;
}
.margin-bottom-40px {
	margin-bottom: 40px !important;
}
.margin-left-50px {
	margin-left: 50px;
}
.margin-right-50px {
	margin-right: 50px;
}
.margin-top-50px {
	margin-top: 50px !important;
}
.margin-bottom-50px {
	margin-bottom: 50px;
}

.margin-bottom-28px {
	margin-bottom: 28px !important;
}
.margin-left-60px {
	margin-left: 60px;
}
.margin-right-60px {
	margin-right: 60px;
}
.margin-top-60px {
	margin-top: 60px;
}
.margin-bottom-60px {
	margin-bottom: 60px;
}
.margin-left-80px {
	margin-left: 80px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage Margin ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage Floating Starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to manage Floating Ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to create Show/Hide Functionality Starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hide {
	display: none;
}
.show {
	display: block;
}
.show-inline {
	display: inline;
}
.show-inline-block {
	display: inline-block;
}
.invisible {
	visibility: hidden;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Classes to create Show/Hide Functionality Ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Miscellaneous Helping Classes Starts * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.affix {
	position: fixed;
}
.take-complete-width {
	width: 100%;
}
input, textarea, select, button {
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
	font-size: 12px;
}
textarea {
	resize: vertical;
	max-width: 100%;
	min-width: 100%;
	min-height: 75px;
}
.scroll-y {
	overflow-y: auto;
}
.scroll-x {
	overflow-x: auto;
}
.icon-x {
	margin-top: -2px;
}
.workspaces-three-columns-inner-action-bar, .workspaces-two-columns-inner-action-bar, .workspaces-one-column-inner-action-bar {
	position: fixed;
	clear: both;
	/*width: calc(100% - 630px);*/
	width: calc(100% - 0px);
	background: #FFFFFF;
	/*padding: 10px 0;*/
	margin: 0 -15px;
	border-bottom: 1px solid #EEEEEE;
	z-index: 1;
	background: #FFFFFF;
}
.bordred-input-control {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
}
.side-by-side-input1-of-2 {
	float: left;
	margin-right: 5px;
	width: calc(50% - 5px);
}
.side-by-side-input2-of-2 {
	width: 50%;
}
.z-index-1 {
	z-index: 1;
}
.visible {
	visibility: visible;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Miscellaneous Helping Classes Ends * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/**************************************************************************************************************************************************/
/* * Helper Classes Ends * */
/**************************************************************************************************************************************************/
/***********************************************************************/
/***** Glyhicons on email and password fields classes starts from here ******/
/***********************************************************************/
.right-inner-icon {
    position: relative;
}

.right-inner-icon span {
    position: absolute;
    right: 10px;
    padding: 4px 4px;
    pointer-events: none;
}

.right-inner-icon input {
    padding-right: 30px;
}

.cancel-icon span {
    position: absolute;
    right: 10px;
    padding: 32px 25px;
}

.cancel-icon input {
    padding-right: 30px;
}
/***********************************************************************/
/***** Glyhicons on email and password fields classes ends here ******/
/***********************************************************************/

/***********************************************************************/
/***** notifier messages classes starts from here ******/
/***********************************************************************/

.notification-container {
	position: relative;
	margin-right: 30px;
    padding-top: 12px;
}

/*.notification-counter {*/
	/*position: absolute;*/
	/*top: 1px;*/
	/*left: 10px;*/
	/*background-color: rgba(212, 19, 13, 1);*/
	/*color: #ffffff;*/
	/*padding: 0px 3px;*/
	/*font: 10px Arial;*/
	/*-webkit-border-radius: 2px;*/
	/*-moz-border-radius: 2px;*/
	/*border-radius: 2px;*/
/*}*/

.growl {
    position: fixed;
    top: 10px;
    right: 10px;
    float: right;
    width: 250px;
}

.growl-item.ng-enter,
.growl-item.ng-leave {
    -webkit-transition:0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
}

.growl-item.ng-enter,
.growl-item.ng-leave.ng-leave-active {
    opacity:0;
}
.growl-item.ng-leave,
.growl-item.ng-enter.ng-enter-active {
    opacity:1;

}
/***********************************************************************/
/***** notifier messages classes ends here ******/
/***********************************************************************/

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
    margin-top:5px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.clickableRow {
    cursor: pointer;
}

#wrapper {
    width:700px;
    /*margin:0px auto;*/
    padding:20px;
    overflow: hidden;

}

.newspaper {
    -webkit-column-width: 500px; /* Chrome, Safari, Opera */
    -moz-column-width: 500px; /* Firefox */
    column-width: 500px;
}

#fixed {
    height: 400px;
    overflow: auto;
}

.outer-area {
    float: left;
    width: 150px;
    display: inline-block;
    margin: 5px;
}

.inner-area {
    display: block;
    float: left;
}

.collapsing{
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 70px;
    -webkit-transition: height 0.15s;
    transition: height 0.15s;
}

.selected { background-color: lightgray; }

.table > thead > tr > th {
	border-width: 1px;
}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-bottom: 1px solid #EEEEEE;
}
.table > thead > tr > td.border-0080ff-2px,
.table > tbody > tr > td.border-0080ff-2px,
.table > tfoot > tr > td.border-0080ff-2px {
	border: solid rgba(0, 66, 255, 0.33);
	border-width: 2px;
	border-radius: 4px;
}
.border-0080ff-2px {
	border: solid rgba(0, 66, 255, 0.33);
	border-width: 2px;
	border-radius: 4px;
}
.table-hover > tbody > tr.background-color-e0f9ff:hover, .table-hover > tbody > tr.background-color-e0f9ff:hover {
	background: #e0f9ff;
}
th.checkbox-container {
	width: 40px;
}

.create-entity-group {
	padding-bottom: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}
.create-entity-group:hover {
	background: #e0f9ff;
	padding-bottom: 5px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Dashborad Styling Starts */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.dashboard-scrollable-table-container {
    height: 196px;
    overflow-y: auto;
    position: relative;
}

.dashboard-scrollable-table-container .table > thead > tr > th, .table > tbody > tr > th, .dashboard-scrollable-table-container .table > tfoot > tr > th, .dashboard-scrollable-table-container .table > thead > tr > td, .dashboard-scrollable-table-container .table > tbody > tr > td, .dashboard-scrollable-table-container > tfoot > tr > td {
    padding: 8px 10px;
}

.dashboard-team-member-container .dashboard-team-member-action, .episode-framework-single-container .episode-framework-single-action {
    visibility: hidden;
}

.dashboard-team-member-container:hover .dashboard-team-member-action, .episode-framework-single-container:hover .episode-framework-single-action {
    visibility: visible;
}

.dashboard-container .configuration-form [class^="col-"] {
    background: none repeat scroll 0 0 #4fa46b;
    color: #fff;
    padding: 20px;
    margin: 0 auto;
    float: none;
}

.dashboard-container .configuration-container {
    display: table-cell;
    vertical-align: middle;
}

.dashboard-container .panel {
    box-shadow: none;
    border-color: #EEEEEE;
}

.dashboard-container .panel.widget-height-row-1, .episode-framework-container .panel.widget-height-row-1, .worklist-container .widget-height-row-1 {
    height: 66px;
    overflow: auto;
}

.dashboard-container .panel.widget-height-row-2, .episode-framework-container .panel.widget-height-row-2, .worklist-container .widget-height-row-2 {
    height: 133px;
    overflow: auto;
}

.dashboard-container .panel.widget-height-row-3, .episode-framework-container .panel.widget-height-row-3, .worklist-container .widget-height-row-3 {
    height: 200px;
    overflow: auto;
}

.dashboard-container .panel.widget-height-row-4, .episode-framework-container .panel.widget-height-row-4, .worklist-container .widget-height-row-4 {
    height: 266px;
    overflow: auto;
}

.dashboard-container .panel.widget-height-row-8, .episode-framework-container .panel.widget-height-row-4, .worklist-container .widget-height-row-4 {
    height: 500px;
    overflow: auto;
}

.dashboard-container .panel-default > .panel-heading {
    border-color: transparent;
    background: none;
}

.widget-container .table > thead > tr > th, .widget-container .table > tbody > tr > th, .widget-container .table > tfoot > tr > th, .widget-container .table > thead > tr > td, .widget-container .table > tbody > tr > td, .widget-container .table > tfoot > tr > td {
    line-height: 0.79;
}

.widget-container .table {
    margin-bottom: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Dashborad Styling Ends */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.thin_ver_border {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.thin_hor_border {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    width:98%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/******************** New Css Code ********************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.break-word {
	word-break: break-all !important;
}
.break-word-new {
	word-break: break-word !important;
}
.table > thead > tr > td.view-all-information, .table > tbody > tr > td.view-all-information, .table > tfoot > tr > td.view-all-information {
	padding-top: 0px;
	padding-botttom: 5px;
}
.btn-primary.anchor {
	color: #FFFFFF;
}
.line-through {
	text-decoration: line-through;
}
.allergy {
	text-decoration: underline;
	color: #afafaf;
}
.allergy:hover {
	text-decoration: underline;
	color: #999999;
}
.allergy_detail {
	color: #afafaf;
}
.allergy_detail:hover {
	color: #999999;
}
.btn-primary.emmenu {
	background-color: #2067a4;
	border: 1px solid #1c5e97;
}
.btn-primary.emmenu:hover {
	background-color: #16578f;
	border: 1px solid #1c5e97;
}
.btn-primary.emmenuactive {
	background-color: #FAFAFA;
	border-bottom: none;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	color: #000000;
}
.btn-primary.emmenuactive:hover {
	background-color: #FAFAFA;
	border-bottom: none;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	color: #000000;
}
.btn-link:hover, .btn-link:focus {
	text-decoration: none;
}
.dashboard-team-member-container .dashboard-team-member-action, .episode-framework-single-container .episode-framework-single-action {
	visibility: hidden;
}

.dashboard-team-member-container:hover .dashboard-team-member-action, .episode-framework-single-container:hover .episode-framework-single-action {
	visibility: visible;
}
.roleactive {
	font-size: 14px;
	color: #6CC009;
}
.table-hover > tbody > tr.activesave:hover {
	background-color: #FFFFFF;
}
.activecolumn {
	background-color: #f1f7fd;
	border: 1px solid #000000;
}
.ppquicklink {
	margin-left: -58px;
}
.pagination.zeromargin {
	margin: 0px 0px 20px 0px;
}

.mandatory-flag {
    color: red;
	font-size: 1.2em;
    margin-left: 2px;
}
.border-bottom-d4d4d4.with-bottom-arrow-me:after {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	content: "";
	display: block;
	height: 10px;
	left: 30px;
	position: absolute;
	top: 73px;
	transform: rotate(45deg);
	width: 10px;
}

.border-bottom-d4d4d4.with-right-arrow-me {
	position: relative;
}
.border-bottom-d4d4d4.with-bottom-arrow-myteam:after {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	content: "";
	display: block;
	height: 10px;
	left: 110px;
	position: absolute;
	top: 33px;
	transform: rotate(45deg);
	width: 10px;
}

.border-bottom-d4d4d4.with-bottom-arrow-myteam {
	position: relative;
}

.btn-default.episode-related-btn {
	height: 28px;
	padding: 5px 12px;
	margin-top: 3px;
}
.btn-primary.um-service-menu {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #666666;
}
.btn-primary.um-service-menu:hover {
	background-color: #EEE9E9;
	border: 1px solid #DDDDDD;
	color: #666666;
}
.stay-service {
	top: 130px;
}
.background-color-e5e5e5 {
	background: #e5e5e5;
}

.height34 {
	height: 34px;
}
.bookmarkstar {
	margin: -20px 55px 0 0;
	font-size: 20px;
	color: #333333;
}
.bookmarkarrow {
	margin: -16px 37px 0 0;
	font-size: 14px;
	color: #333333;
}
.advancesearch-dropdown {
	top: -7px;
	display: block;
	left: 15px;
	width: 100%;
	z-index: 3;
	position: absolute;
}
.bookmark-dropdown {
	top: 20px;
	display: block;
	left: 0px;
	width: 99.25%;
	z-index: 4;
	position: absolute;
}
.save-bookmark {
	top: 25px;
	display: block;
	left: 66%;
	width: 30%;
	z-index: 4;
	position: absolute;
}
.bookmarklist {
	padding: 10px 0;
}
.bookmarklist:hover {
	background-color: #f7f7f7;
}
.background-color-e0e0e0 {
	background-color: #f2f2f2;
}
.position-absolute {
	position: absolute;
	position: fixed;
}
.position-inherit {
	position: inherit !important;
}
.width48 {
	width: 48%;
}
.um-framework-dropdown {
	margin-left: -575px;
	top: -102px;
}
.um-framework-dropdown.zeromargin {
	margin: 0px 0px 20px 0px;
}
.menulink:hover {
	color: #073767;
}
.sublinkMenu {
	width: 600px;
	border-radius: 0px;
	top: 20px;
	left: auto;
	display: block;
	right: 0px;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: none;
	background-color: #FAFAFA;
}
.sublinkTopBorder {
	border-top: 1px solid #E5E5E5;
	margin: -2px 34px 0 -1px;
}
.quicklinkMenu {
	width: 200px;
	border-radius: 0px;
	top: 19px;
	left: auto;
	display: block;
	right: 0px;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #FAFAFA;
	background-color: #FAFAFA;
}
.quicklinkTopBorder {
	border-top: 1px solid #E5E5E5;
	margin: -2px 98px 0 -1px;
}
.btn-primary.quickLinkActive {
	background-color: #FAFAFA;
	border-bottom: none;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	color: #000000;
}
.btn-primary.quickLinkActive:hover {
	background-color: #FAFAFA;
	border-bottom: none;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	color: #000000;
}
.newPwdQuestion {
	color: #999999;
	font-size: 18px;
	padding-top: 10px;
}
.newPwdQuestion:hover {
	color: #666666;
	font-size: 18px;
	padding-top: 10px;
}
.cal_width{
	width: 120px;
}
.nav-tabs>li.active>.parentTabActive{
	color: #FFFFFF;
	cursor: default;
	background-color: #666666;
	border: 1px solid #666666;
	border-bottom-color: transparent;
	border-radius: 0px;
}
.nav-tabs>li>.parentTab{
	background-color: #e5e5e5;
	color: #333333;
	border-radius: 0px;
}
.nav-tabs>li.active>.childTabActive{
	color: #333333;
	cursor: default;
	background-color: #c0c0c0;
	border: 1px solid #c0c0c0;
	border-bottom-color: transparent;
	border-radius: 0px;
}
.worklistType{
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #D4D4D4;
	border-radius: 5px;
}
.right-42px{
	right: -42px;
}
.margin-top-25px{
	margin-top: 25px;
}
.margin-bottom-25px{
	margin-bottom: 25px;
}
.margin-right-25px{
	margin-right: 25px;
}
.margin-left-25px{
	margin-left: 25px;
}
.worklist_Activities{
	background-color: #ffc1c1;
	color: #000000;
	padding: 5px;
	border-radius: 3px;
	/*font-weight: bold;*/
}
.worklist_Activity_popup{
	background-color: #CCCCCC;
	/*border-bottom: 1px solid #B7B7B7;
	border-top: 1px solid #B7B7B7;*/
	padding: 10px 30px;
}
.margin-left-200px{
	margin-left: 200px;
}
.worklistOpen{
	background-color: #777777;
	font-size: 12px;
	display: inline;
	padding: .2em .6em .3em;
	/*font-size: 75%;*/
	/*font-weight: 700;*/
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.width-230px{
	width: 230px;
}

.faxIntakeLeftGear{
	right: 0 !important;
	left: 0 !important;
	top: 0 !important;
}

.listStyle-ExportUI{
	list-style: none;
}

.provider-dashboards-right, .fax-intake-right1 {
	padding-right: 35px;
    width: calc(100% - 275px);
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/******************** New Css Code End ********************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/******************** This code is just to override the old style code of Zeomega ********************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.table .disabledTableRow {
	background-color: #EEEEEE !important;
	color: #999999 !important;
}
.btn-default{
	border: 1px solid #cccccc !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/********************This code is just to override the old style code of Zeomega End ********************/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */

.fax-intake-inner-left1 {
	float: left;
	width: 225px;
	height: 100%;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}

.app-modal-window .modal-dialog {
  width: 900px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.horizontal-list li {
    display: inline-block;
}

.border-left-dotted {
	border-left: 1px dotted;
}

.border-right-none {
    border-right: none !important;
}
.border-left-none {
    border-left: none;
}
.border-top-none {
    border-top: none;
}
.border-bottom-none {
    border-bottom: none !important;
}
a:hover {
    text-decoration: none;
}
.text-decoraion-none {
	text-decoration: none !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding: 5px;
}

.padding-top-3px {
	padding-top: 3px;
}

.padding-right-3px {
	padding-right: 3px;
}

.padding-bottom-3px {
	padding-bottom: 3px;
}

.padding-left-3px {
	padding-left: 3px;
}

.form-horizontal .fixed-label-form-group {
	border-bottom: 1px solid #F1F1F1;
	margin-right: -5px;
	margin-left: -5px;
	padding-bottom: 5px;
	margin-bottom: 0;
	padding-top: 5px;
	word-break: break-all;
}

.fixed-label-form-group label.control-label {
	width: 150px;
	text-align: left;
	padding-left: 30px;
	padding-top: 5px;
	word-break: normal;
}

.fixed-label-form-group .col-sm-10 {
	width: 90%;
	width: calc(100% - 160px);
	text-align: left;
}

.dotted-border-left-1px {
    border-left: 1px dotted #000;
}

.form-horizontal .form-group.dotted-border-left-1px {margin-left: -18px;margin-bottom:0px;}

#children li:last-child { padding-bottom: 0px;}

.advancefilter-dropdown{
	width: 790px;
}

.custom-col-sm-6{
	width:50% !important;
}
.text-align-left{
	text-align: left !important;
}

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

.margin-left-1px{
  margin-left: 1px !important;
}

.margin-top-53px {
    margin-top: 53px !important;
}

.padding-10px {
  padding: 10px !important;
}

.padding-15px {
  padding: 15px !important;
}

.show-actions {
	visibility: hidden;
	padding: 0 5px;
}
td:hover span.show-actions{
	visibility: visible;
}

.latest-record-badge {
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    background: #5cb4ff;
}

.latest-record-badge-1 {
    padding: 1px 10px 1px 5px;
    border-radius: 10px;
    background: #5cb4ff;
}
.move-ref-legend {
	width: 500px;
	max-height:400px;
	overflow-y:scroll;
	overflow-x:hidden;
	word-break:break-all;
	list-style-type:disc;
	color: #0f4a7d;
	padding-left: 25px;
	padding-right: 25px;
}
.preserve-white-space {
	white-space: pre-wrap;
}

.ace_editor{
	min-height : 300px;
}

.custom-word-wrap {
    word-wrap: break-word;
    max-width: 1px;
}

.ze-form-masking:before {
    content: "";
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    z-index: 500000;
    right: 0;
    background: rgba(100, 100, 100, 0.5);

}

.custom-title{
	width: 500px;
	height: 18px;
	/* Workspace: */
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none solid rgb(0, 0, 0);
	line-height: 18px;
	/* Workspace: Dev_66... */
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none solid rgb(0, 0, 0);
	line-height: 18px;
}

.custom-border{
	border: 1px solid #dbdbdb;
}

.background-color-e5f3e4 {
	background-color: #e5f3e4;
 }

 .SC_legends {
    height: 16px;
    width: 18px;
    font-size: 10px;
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-truncate
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jiva-icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ml-auto
{
  margin-left: auto;
}


.height60 {
	height: 60px;
}

.height70 {
	height: 70px;
}

.flex-direction-column
{
flex-direction:column;
}

.background-color-dadada
{
  background: #dadada;
}

.border-radius-20px
{
  border-radius: 20px;
}

.vertical-align-top
{
vertical-align:top !important;
}

.compareDiff-right-panel-scroll {
	max-height: calc(100vh - 300px);
  }

.compareBlocks-color-add {
	background-color: #e5f3e4 !important;
}

.compareBlocks-color-delete{
	background-color:#f8e6e6 !important;
}

.added-cell {
    background-color: #e5f3e4  !important; /* Highlight added cells */
}
.modified-cell {
    background-color: #f7f0b0 !important; /* Highlight modified cells */
}
.deleted-cell {
    background-color: #f8e6e6 !important; /* Highlight deleted cells */
}

.remove-padding {
	padding: 0px !important;
}

.long-text {
	word-break: break-word;
	overflow-wrap: anywhere;
}

.custom-modal-class .modal-dialog {
	width: 1300px;
}

.iframe-container {
    height: 87vh;
    width: 100%; /* optional, for full-width iframe */
    position: relative; /* helps in some cases where parent div is not full height */
}

/* Ensure the iframe takes the full height of the div */
.iframe-container iframe {
    height: 100%;
    width: 100%; /* optional, for full-width iframe */
    border: none; /* optional, remove iframe border */
    display: block; /* remove default inline-block behavior */
}

#nimbudocseditorhead {
	position: relative !important;
	height: 600px !important;
	z-index: 1039 !important
}
/**
 * Copyright(c) 2014 ZeOmega, Inc.
 * See ZeOmega_EULA.txt file included with this module distribution.
 *
 */
/* * Styles to avoid conflicts with jiva.css * */
/* Starts */

.notification-counter {
	background-color: #d4130d;
	border-radius: 2px;
	color: #ffffff;
	font: bold 11px Arial;
	padding: 0 3px;
	position: absolute;
	left: 6px;
	top: 6px;
}
.notification-counter-export {
	background-color: #d4130d;
	border-radius: 2px;
	color: #ffffff;
	font: bold 11px Arial;
	padding: 0 3px;
	position: absolute;
	left: 13px;
	top: 6px;
}
.notification-counter-dropdown {
	background-color: #d4130d;
	border-radius: 2px;
	color: #ffffff;
	font: bold 11px Arial;
	padding: 0 3px;
	position: absolute;
	left: 6px;
	top: -8px;
}

.navbar-fixed-top {
	z-index: 10;
}

.dropdown-menu{
  min-width: 80px !important;
}

.dropdown-menu-filter{
  min-width: 80px !important;
  width: 50vw;
}

.dropdown-menu.workspace-navigation-menu .dropdown-header {
	color: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	font-weight: bold;
}
.dropdown-menu.workspace-navigation-menu {
	padding: 0px;
}
.dropdown-menu.workspace-navigation-menu > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	clear: both;
}

/***********************************************************************/
/***** Glyhicons on email and password fields classes starts from here ******/
/***********************************************************************/
.right-inner-icon {
    position: relative;
}

.right-inner-icon span {
    position: absolute;
    right: 10px;
    padding: 4px 4px;
    pointer-events: none;
}

.right-inner-icon input {
    padding-right: 30px;
}
/***********************************************************************/
/***** Glyhicons on email and password fields classes ends here ******/
/***********************************************************************/

/***********************************************************************/
/***** notifier messages classes starts from here ******/
/***********************************************************************/

.notification-container {
	position: relative;
	margin-right: 30px;
    padding-top: 12px;
}

.growl {
    position: fixed;
    top: 10px;
    right: 10px;
    float: right;
    width: 250px;
    z-index:10000000;
}

.growl-item.ng-enter,
.growl-item.ng-leave {
    -webkit-transition:0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
}

.growl-item.ng-enter,
.growl-item.ng-leave.ng-leave-active {
    opacity:0;
}
.growl-item.ng-leave,
.growl-item.ng-enter.ng-enter-active {
    opacity:1;

}
/***********************************************************************/
/***** notifier messages classes ends here ******/
/***********************************************************************/

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
    margin-top:5px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/***********************************************************************/
/***** Glyhicons on email and password fields classes starts from here ******/
/***********************************************************************/
.right-inner-icon {
    position: relative;
}

.right-inner-icon span {
    position: absolute;
    right: 10px;
    padding: 4px 4px;
    pointer-events: none;
}

.right-inner-icon input {
    padding-right: 30px;
}
/***********************************************************************/
/***** Glyhicons on email and password fields classes ends here ******/
/***********************************************************************/

.clickableRow {
    cursor: pointer !important;
}

#wrapper {
    width:700px;
    /*margin:0px auto;*/
    padding:20px;
    overflow: hidden;

}

.newspaper {
    -webkit-column-width: 500px; /* Chrome, Safari, Opera */
    -moz-column-width: 500px; /* Firefox */
    column-width: 500px;
}

#fixed {
    height: 400px;
    overflow: auto;
}

.fixed-400px {
    max-height: 400px;
    overflow: auto;
}

.fixed-300px {
    max-height: 300px;
    overflow: auto;
}

.fixed-200px {
    max-height: 200px;
    overflow: auto;
}

.outer-area {
    float: left;
    width: 150px;
    display: inline-block;
    margin: 5px;
}

.inner-area {
    display: block;
    float: left;
}

.collapsing{
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 70px;
    -webkit-transition: height 0.15s;
    transition: height 0.15s;
}

.selected { background-color: lightgray; }
.entity-container {
	width: calc(100% - 565px);
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.entity-definition {
	width: 565px;
	overflow-y: auto;
	float: left;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
	-moz-box-sizing: border-box; /* For all Gecko based browsers */
	box-sizing: border-box;
}
.dropdown-menu.workspace-navigation-menu .dropdown-header {
	color: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	font-weight: bold;
}
.dropdown-menu.workspace-navigation-menu {
	padding: 0px;
}
.dropdown-menu.workspace-navigation-menu > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
	clear: both;
}
/***********************************************************************/
/***** Glyhicons on email and password fields classes starts from here ******/
/***********************************************************************/
.right-inner-icon {
    position: relative;
}

.right-inner-icon span {
    position: absolute;
    right: 10px;
    padding: 4px 4px;
    pointer-events: none;
}

.right-inner-icon input {
    padding-right: 30px;
}

.cancel-icon span {
    position: absolute;
    right: 10px;
    padding: 32px 25px;
}

.cancel-icon input {
    padding-right: 30px;
}
/***********************************************************************/
/***** Glyhicons on email and password fields classes ends here ******/
/***********************************************************************/
/***********************************************************************/
/***** notifier messages classes starts from here ******/
/***********************************************************************/

.notification-container {
	position: relative;
	margin-right: 30px;
    padding-top: 12px;
}
.growl {
    position: fixed;
    top: 10px;
    right: 10px;
    float: right;
    width: 250px;
}
.growl-item.ng-enter,
.growl-item.ng-leave {
    -webkit-transition:0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
}
.growl-item.ng-enter,
.growl-item.ng-leave.ng-leave-active {
    opacity:0;
}
.growl-item.ng-leave,
.growl-item.ng-enter.ng-enter-active {
    opacity:1;

}
/***********************************************************************/
/***** notifier messages classes ends here ******/
/***********************************************************************/

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
    margin-top:5px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.clickableRow {
    cursor: pointer;
}

#wrapper {
    width:700px;
    /*margin:0px auto;*/
    padding:20px;
    overflow: hidden;

}

.newspaper {
    -webkit-column-width: 500px; /* Chrome, Safari, Opera */
    -moz-column-width: 500px; /* Firefox */
    column-width: 500px;
}

#fixed {
    height: 400px;
    overflow: auto;
}

.outer-area {
    float: left;
    width: 150px;
    display: inline-block;
    margin: 5px;
}

.inner-area {
    display: block;
    float: left;
}

.collapsing{
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 70px;
    -webkit-transition: height 0.15s;
    transition: height 0.15s;
}

.selected { background-color: lightgray; }

.thin_ver_border {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.border-bottom-1px-dcdcdc{
    border-bottom: 1px solid #DCDCDC !important;
}

.thin_hor_border {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    width:98%;
}

.question-modal-window .modal-dialog {
  width: 1200px;
}

ul[dnd-list] {
	min-height: 60px;
	margin: 0px;
	padding-left: 0px;
}

.dndListArea{
	min-height: 60px !important;
}

ul #children, ul[dnd-list] #children {
	border-left: 1px dotted;
	padding-left: 20px;
    margin-left: -3px;
}

ul[dnd-list], ul[dnd-list] > li {
    position: relative;
}

.dragHandle {
    cursor: -webkit-grab;
	position: absolute;
	top: 38px;
	left:20px;
	z-index: 2;
}

.dragHandle:hover {
	color: #0088cc;
}

.dragHandle.intervention-dnd-handle {
	top: 17px;
	left:12px;
}

/* TODO:commonDragHandle and dragHandle need to be merged into one*/
.commonDragHandle {
    cursor: move;
	z-index: 2;
}

.commonDragHandle:hover {
	color: #0088cc;
}

ul[dnd-list] .dndDragging {
    opacity: 0.7;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
ul[dnd-list] .dndPlaceholder {
    background-color: #ddd !important;
    min-height: 60px;
    display: block;
    position: relative;
    border: 2px dashed #999;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
ul[dnd-list] li {
    background-color: #fff;
    /*border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    display: block;
    padding: 1px 1px;
    margin-bottom: -1px;
}

#children li{
	/*background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    display: block;
    /*padding: 10px 0;
    margin-bottom: -1px;*/
}

/**
 * Show selected elements in green
 */
ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

.form-group {
  margin-bottom: 5px;
}
.form-control-static-custom {
    padding-top: 7px;
    margin-bottom: 0px;
    max-width: 50vb;
}


.inlinetable {
  margin-bottom: 0px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
    vertical-align: middle;
    font-size: 12px;
    padding-top: 5px;
    font-weight: normal;
    color: white;
}

.table thead th{
    background-color: #428bca;
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    font-size: 12px;
}
.padding-top-7px {
    padding-top: 7px;
}
.padding-bottom-7px {
    padding-bottom: 7px;
}
.padding-left-7px {
    padding-left: 7px;
}
.padding-right-7px {
    padding-right: 7px;
}
.padding-top-40px{
     padding-top: 40px;
}

.padding-top-115px {
    padding-top: 115px;
}
.padding-right-40px{
     padding-right: 40px;
}
.padding-bottom-40px{
     padding-bottom: 40px;
}
.padding-left-40px{
     padding-left: 40px;
}
.padding-left-50px{
     padding-left: 50px;
}
.padding-left-2px{
     padding-left: 2px;
}
.padding-left-150px{
     padding-left: 150px;
}
.padding-left-30px{
     padding-left: 30px;
}
.padding-left-35px{
     padding-left: 35px !important;
}
.padding-left-53px{
  padding-left: 53px !important;
}
th.checkbox-container input[type="checkbox"], th.checkbox-container input[type="radio"], td.multilined-title-checkbox input[type="checkbox"], td.multilined-title-checkbox input[type="radio"] {
    margin: 0px;
}

.input-group .form-control{
    z-index: 0;
}

.background-with-cancel {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left:5px;
    margin-bottom: 5px;
    float: left;
}

.background-with-cancel a {
    color: #d4130d;
    margin-left: 5px;
}

.background-with-cancel a:hover{
    color: #FF6262;
    cursor: pointer;
}

.table>tbody+tbody {
    border:0;
}

.realtimemsg{
	padding:8px;
	margin:5px;
}

.spinner-icon {
  width: 14px;
  height: 14px;

  border:  solid 2px transparent;
  border-top-color:  #29d;
  border-left-color: #29d;
  border-radius: 10px;

  -webkit-animation: spinner-icon 400ms linear infinite;
  -moz-animation:    spinner-icon 400ms linear infinite;
  -ms-animation:     spinner-icon 400ms linear infinite;
  -o-animation:      spinner-icon 400ms linear infinite;
  animation:         spinner-icon 400ms linear infinite;
}

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

.blink-me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.border-me-grey {
  border: solid #919191;
  border-width: 2px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.border-me-green {
    border: solid #009900;
    border-width: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.border-me-purple {
    border: solid #CC0099;
    border-width: 2px;
    border-width: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.border-me-red {
    border: solid #FF0000;
    border-width: 2px;
    border-width: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.border-me-orange {
    border: solid #ffa500;
    border-width: 2px;
    border-width: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/* red */
.color-background-FFB2B2 {
    background-color: #FFB2B2 !important;
}

/* blue */
.color-background-CCCCFF {
    background-color: #CCCCFF;
}

/* yellow */
.color-background-F5EA96 {
    background-color: #F5EA96 !important;
}

form.ng-submitted .ng-invalid {
  border-color: red;
  border-width: 2px;
}

.errors {
    font-size:12px;
    margin-top: 0.5em;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
    color: red;
    line-height: 17px;

}

.hint {
    font-size:12px;
    margin-top: 0.5em;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
    color: black;
    line-height: 17px;

}

.unique {
    margin-top: 0.5em;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
    color: red;
    line-height: 17px;
}

.required-field {
  color:red;
}

.my-messages {
  transition:1s linear all;
}
.my-messages.ng-active {
  /* messages are visible */
}
.my-messages.ng-inactive {
  /* messages are hidden */
}

.some-message {
  transition:1s linear all;
}

.some-message.ng-enter {}
.some-message.ng-enter.ng-enter-active {}

.some-message.ng-leave {}
.some-message.ng-leave.ng-leave-active {}

.ze-login-table {
  font: normal 14px arial, verdana, helvetica, sans-serif;
  border: 1px solid #E5E5E5;
  height: 360px;
  width: 860px;
  padding: 10px;
  margin: 80px 0;
  vertical-align: top;
  box-shadow: rgba(0, 0, 0, 0.4) 0 5px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 5px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 5px 5px;
  -o-box-shadow: rgba(0, 0, 0, 0.4) 0 5px 5px;
}

.ze-h3 {
  color: #423114;
  background-color: #F3F0EA;
  border-bottom: 2px solid #7F6740;
  font-size: 18px;
}

.ze-circle {
  font: normal 14px arial, verdana, helvetica, sans-serif;
  list-style-type: circle !important;
  margin-left: 25px!important;
  line-height: 18px;
}

.btn-xl {
    padding: 35px 15px;
    font-size: 16px;
    border-radius: 8px;
}

.fixed-header {
    padding-top:5px;
    padding-bottom:5px;
    overflow: auto;
    background-color:#428bca;
}

.bg-light-pink {
  background-color: pink !important;
}

.bg-light-yellow {
    background-color: #f1e55d !important;
}

.bg-light-green {
    background-color: #4aca42 !important;
}

.bg-light-grey {
    background-color: #dedede;
}

.cm-modal-header {
    padding-top:1px;
    padding-bottom:1px;
    background-color:#428bca;
}

.cm-modal-header-text {
    padding-top: 10px;
    color: white;
}

.selectize-control > .selectize-dropdown {
    top: 36px;
}

.scrollingContainer {
	height:700px;
	overflow-y:auto;
}

.circle-icon {
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border: 1px solid #a9a9a9;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}

.fixed-header-height-single {
    max-height: 300px;
}
.fixed-header-height-double {
    max-height: 600px;
}
.footer{
	border-top: 1px solid #E5E5E5;
	background-color: #f5f5f5;
}

.footer-links {
	margin-bottom: 0;
	padding: 5px 0;
	text-align: center;
}

.footer-links li {
	display: inline;
	padding: 0 10px;
}

.textAlign {
  word-break: normal;
}

.font-color-428bca {
  color: #428bca !important;
}

.font-color-green {
  color: #006400 !important;
}

.font-color-grey {
  color: #919191 !important;
}

.font-color-lightgreenbold {
  color: #5cb85c !important;
  font-weight: bold;
}

.font-color-red {
  color: #FF0000 !important;
}

.background-color-428bca{
  background-color: #428bca;
}
.background-color-43cd4366{
    background-color: #43cd4366 !important
}

.background-color-lightyellow {
    background-color: lightyellow;
}
.width-50-percent{
  width: 50% !important
}
.width-350px{
  width: 350px !important
}
.width-400px{
  width: 400px !important
}
.width-80px {
  width: 80px;
}

.wrap-text {
    word-wrap: break-word;
    word-break:break-word;
}

.wrap-title {
  display: inline-block;
  word-break:break-all;
}

.margin-top-3px {
    margin-top: 3px;
}

.margin-top-20px {
    margin-top: 20px;
}

.modal-open {
    overflow: auto;
}

.modalcontainer {
  overflow:auto;
  max-height:250px;
}

.tag-label-bg {
    background: purple;
}
.tag-label {
    display: inline-block;
    background: purple;
    font-size: 11px;
}
.graph-label {
    display: inline-block;
    background: purple;
    font-size: 15px;
}
.defered-tag-label {
    display: inline-block;
    background: red;
    font-size: 11px;
    color: #FFF;
}
.defered-tag-label-missing-ref-title{
  display: inline-block;
    background: grey;
    font-size: 11px;
    color: #FFF;
}

.inactive-tag-label {
    display: inline-block;
    background: orange;
    font-size: 11px;
}

.auto-cascade-tag-label {
    display: inline-block;
    background: yellow;
}

.auto-cascade-tag-label-imp {
    background: yellow !important;
    border: 1px solid #ccc
}

.inactive-tag-label {
    display: inline-block;
    background: #ff7700;
	font-size: 11px;
	color: #000;
}

.header-type-label {
    display: inline-block;
    background-color: #006633;
    border-color: #003319;
    font-size: 11px;
}
.inline-checkbox {
    display: inline-block;
    margin-right: 20px;
}
.div-header {
    background-color: #428bca;
    color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.div-header-small {
    background-color: #428bca;
    color: #fff;
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.alternative_row_background:nth-child(odd){
    background:#ccc;
}
.header-popup-scroll {
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.text-color-white {
    color: #FFFFFF;
}

.popover_old{
    max-width: 50%; /* Max Width of the popover (depending on the container!) */
}
.popover{
  pointer-events: none !important;
  cursor: default;
}

.popover-content {
    word-wrap: break-word;
}

.border-top-0080ff {
  border-top: 1px solid #0080ff;
}

.border-1px-imp {
    border: 1px solid black !important;
}

.italic-font{
  font-style: italic;
  font-size: 0.875em
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * * * * * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * * * * * /
 * Scrolling tables
 */
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.table-responsive > .table {
    margin-bottom: 0;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th {
    white-space: nowrap;
}

.table-responsive > .table-bordered {
    border: 0;
}

.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}
.table-responsive .dropdown {
    position: static;
}
.table-responsive .dropdown-menu {
    top: auto;
    left: auto;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * *
 * Scrolling tables Ends
 */

 /* * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * * * * * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * * * * * /
 * Advance filter css
 */
.advanceFilterList {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    width: 600px;
}
.advanceFilterList div{
	margin-bottom: 15px;
}

.margin-top-10px
{
	margin-top: 10px !important;
}
.margin-right-minus-25px{
	margin-right: -25px;
}
.margin-left-minus-20px{
  margin-left: -20px;
}

.margin-left-minus-45px{
  margin-left: -45px !important;
}

.margin-left-minus-10px{
  margin-left: -10px !important;
}

.margin-left-50px{
  margin-left: 50px;
}
.margin-left-165px{
  margin-left: 165px;
  line-height: 25px;
}

.margin-left-100px{
  margin-left: 100px !important;
}

.margin-right-minus-10px{
  margin-right: -10px;
}

.margin-left-minus-30px{
  margin-left: -30px;
}
.max-height-300px{
	max-height: 300px;
}
.cb-dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.cb-dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.cb-dropdown-menu>li{
    list-style: none;
}

.cb-dropdown-menu
{
  margin-left: -40px;
  margin-bottom: 15px;
}

.max-height-500px{
  max-height: 500px !important;
}

.max-height-400px{
  max-height: 400px !important;
}

.max-height-21px{
  max-height: 21px !important;
}

.margin-left-minus-67px{
	margin-left: -67px !important;
}
.margin-top-1px{
	margin-top: 1.5px !important;
}
.uib-daypicker th.text-center{
	font-size: 12pt;
	background-color: #FFF !important;
}
.color-red{
  color:red !important;
}
.font-size-10pt{
  font-size:10pt !important;
}

.padding-top-30px{
  padding-top: 30px !important;
}
.padding-top-88px{
  padding-top: 88px !important;
}
/* margin-left: -13px; */
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * * * * *
 * Advance filter css Ends
 */


/* BELOW CSS IS FOR SRE SIMULATOR PROGRESS BAR */
@-webkit-keyframes myanimation {
  from {
    left: 0%;
  }
  to {
    left: 50%;
  }
}
h1 {
  text-align: center;
  font-family: 'PT Sans Caption', sans-serif;
  font-weight: 400;
  font-size: 30px;
  padding: 20px 0;
  color: #777;
}

.checkout-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
  margin: 40px auto;
  max-width: 1200px;
  position: relative;
}

ul.checkout-bar {
  margin: 0 20px;
}
ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
}
ul.checkout-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 37px;
  height: 30px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 999;
}
ul.checkout-bar li.active {
  color: #8bc53f;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #8bc53f;
  z-index: 999;
}
ul.checkout-bar li.visited {
  background: #ECECEC;
  color: #57aed1;
  z-index: 99999;
}
ul.checkout-bar li.visited:before {
  background: #57aed1;
  z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}
ul.checkout-bar a {
  color: #57aed1;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #8bc53f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 10px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .checkout-wrap {
    margin: 80px auto;
  }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 10px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #57aed1;
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 10px;
    left: 0;
    position: absolute;
    width: 10%;
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }
  ul.checkout-bar li:before {
    height: 45px;
    left: 48%;
    line-height: 45px;
    position: absolute;
    top: -65px;
    width: 45px;
    z-index: 99;
  }
  ul.checkout-bar li.visited {
    background: none;
  }
  ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #57aed1;
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
  }

  ul.complete li {
    background-size: 35px 35px;
    background-color: #57aed1;
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 10px;
    left: 0;
    position: absolute;
    width: 10%;
  }
}

/* SRE SIMULATION CSS ENDS HERE */

/* progress tracker */

.progress-tracker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto;
  padding: 0;
  list-style: none;
}

.progress-step {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 28px;
}

.progress-step:last-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.progress-step:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -10;
  top: 12px;
  bottom: 12px;
  right: -14px;
  width: 100%;
  height: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.progress-step.is-active .progress-title {
  font-weight: 400;
}

.progress-step > a {
  display: block;
}

.progress-marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 20;
  width: 28px;
  height: 28px;
  padding-bottom: 2px;
  color: #fff;
  font-weight: 400;
  border: 2px solid transparent;
  border-radius: 50%;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.progress-text {
  display: block;
  padding: 14px 9.3333333333px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-title {
  margin-top: 0;
}

.progress-step .progress-marker {
  color: #fff;
  background-color: #b6b6b6;
}

.progress-step::after {
  background-color: #b6b6b6;
}

.progress-step .progress-text, .progress-step .progress-step > a .progress-text {
  color: #333333;
}

.progress-step.is-active .progress-marker {
  background-color: #2196F3;
}

.progress-step.is-complete .progress-marker {
  background-color: #1976D2;
}

.progress-step.is-complete::after {
  background-color: #868686;
}

.progress-step:hover .progress-marker {
  background-color: #56ADF5;
}

.progress-tracker--center .progress-step {
  text-align: center;
}

.progress-tracker--center .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.progress-tracker--center .progress-step::after {
  right: -50%;
}

.progress-tracker--center .progress-marker {
  margin-left: auto;
  margin-right: auto;
}

.progress-tracker--right .progress-step {
  text-align: right;
}

.progress-tracker--right .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.progress-tracker--right .progress-step::after {
  right: calc(-100% + 14px);
}

.progress-tracker--right .progress-marker {
  margin-left: auto;
}

.progress-tracker--border {
  padding: 5px;
  border: 2px solid #868686;
  border-radius: 38px;
}

.progress-tracker--spaced .progress-step::after {
  width: calc(100% - 48px);
  margin-right: 24px;
}

.progress-tracker--word {
  padding-right: 38.6666666667px;
  overflow: hidden;
}

.progress-tracker--word .progress-text {
  display: inline-block;
  white-space: nowrap;
}

.progress-tracker--word .progress-title {
  margin: 0;
}

.progress-tracker--word-center {
  padding-right: 38.6666666667px;
  padding-left: 38.6666666667px;
}

.progress-tracker--word-center .progress-text {
  padding-right: 0;
  padding-left: 0;
  -webkit-transform: translateX(calc(-50% + 14px));
          transform: translateX(calc(-50% + 14px));
}

.progress-tracker--word-right {
  padding-right: 0;
  padding-left: 38.6666666667px;
}

.progress-tracker--word-right .progress-text {
  padding-left: 0;
  -webkit-transform: translateX(calc(-100% + 28px));
          transform: translateX(calc(-100% + 28px));
}

.progress-tracker--text .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.progress-tracker--text-top .progress-step::after {
  top: auto;
}

.progress-tracker--text-top .progress-text {
  height: 100%;
}

.progress-tracker--text-top .progress-marker {
  bottom: 28px;
}

.progress-tracker--text-inline .progress-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.progress-tracker--text-inline .progress-text {
  position: relative;
  z-index: 30;
  max-width: 70%;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
}

.progress-tracker--text-inline .progress-title {
  margin: 0;
}

.progress-tracker--square .progress-step {
  padding-top: 0;
}

.progress-tracker--square .progress-marker {
  -webkit-transform: scaleX(0.33) translateY(-12px);
          transform: scaleX(0.33) translateY(-12px);
  border-radius: 0;
}

@media (max-width: 399px) {
  .progress-tracker-mobile {
    overflow-x: auto;
  }
  .progress-tracker-mobile .progress-tracker {
    min-width: 200%;
  }
}

.progress-tracker--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.progress-tracker--vertical .progress-step {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.progress-tracker--vertical .progress-step::after {
  right: auto;
  top: 14px;
  left: 12px;
  width: 4px;
  height: 100%;
}

.progress-tracker--vertical .progress-marker {
  position: absolute;
  left: 0;
}

.progress-tracker--vertical .progress-text {
  padding-top: 7px;
  padding-left: 42px;
}

.progress-tracker--vertical .progress-step:not(:last-child) .progress-text {
  padding-bottom: 42px;
}

/* Split the screen in half */
.split {
  position: absolute;
  z-index: 1;
/*  top: 80;
  overflow-x: hidden;
  padding-top: 80px;
*/}

/* Control the left side */
.left {
  width: 20%;
  padding-left: 50px;
}

/* Control the right side */
.right {
  width: 80%;
  right: 0;
}

input::-ms-clear {
    display: none;
}

/*.demo {
  margin: 40px 0;
  padding-bottom: 20px;
}*/

.tooltip {
  pointer-events: none !important;
}

.tooltip.reportCustomClass .tooltip-inner {
  float: right;
}

.tooltip.importButton .tooltip-inner {
  background: #FFF;
  color:#000;
  border:1px solid #000;
  font-weight: bold;
  font-size: 12px;
  border-radius: 10px;
}

.line-height-34px {
  line-height: 34px !important;
}

.line-height-0px {
  line-height: 0px !important;
}

.custom-a-tag{
  color: #428bca;
  cursor: pointer;
}

.btn-custom-width {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.header-color {
  background-color: #e8f4ff;
}

.fa-primary {
  color: #5cb85c;
}

.fa-danger {
  color: #ac2925;
}

.min-width-300px{
  min-width: 300px
}

.min-width-400px{
  min-width: 400px
}

.min-width-500px {
    min-width: 500px !important;
}

.min-width-100px{
  min-width: 100px
}

.width-100-percent{
  width: 100% !important;
}
.table-layout-fixed{
  table-layout: fixed !important;
}

.height-400px{
  height: 400px !important;
}

.height-50px{
  height: 50px !important;
}
.overflow-auto{
  overflow: auto !important;
}

.width-40px{
  width:40px !important;
}

.width-25px{
  width:25px !important;
}

.padding-top-90px {
    padding-top: 90px !important;
}

.width-180px {
    min-width:135px;
    max-width:135px;
}
.width-200px {
    min-width:170px;
    max-width:170px;
}
.max-width-400px {
  max-width:  400px !important
}
.max-width-450px {
  max-width:  450px !important
}
.max-width-300px {
  max-width:  300px !important
}

body {
    padding-bottom:20px;
    -ms-overflow-style: scrollbar;
}

.left-navigation-scroll {
    max-height:500px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.background-color-red{
  background-color: red !important;
}
.background-color-grey{
  background-color: grey !important;
}
.miss-ref-row{
    margin: 3px 0px !important;
    padding: 7px 8px !important;
    font-weight: bold !important;
}
.border-radius-5px{
    border-radius: 5px;
}
.border-radius-10px{
    border-radius: 10px !important;
}
.border-radius-em{
    border-radius: 0.25em;
}
.line-height-25px{
	line-height: 25px;
}
.min-height-35px{
  min-height: 35px !important
}
.height-35px{
  height: 35px !important
}

.min-height-200px{
  min-height: 200px !important
}

.min-height-150px{
  min-height: 150px !important
}

.margin-left-25-percent{
  margin-left: 25% !important
}

.border-bottom-1px-black{
  border-bottom: 1px solid #000 !important;
}

del {
  color: red !important;
}
ins {
  color: #398439 !important
}

div[drop-zone] {
    border: 2px dashed #bbb;
    border-radius: 5px;
    padding: 25px;
    font: 15pt bold;
    margin-bottom: 20px;
    min-height: 100px;
    overflow: auto;
}

.fa-W:before {
    font-family: Arial; /* your font family here! */
    font-weight: bold;
    content: 'W';
}

.fa-J:before {
    font-family: Arial; /* your font family here! */
    font-weight: bold;
    content: 'J';
}

.fa-letter-header {
      color: white;
      background: #333333;
      padding-left: 4px;
      padding-right: 5px;
      font-size: 14px;
      border-radius: 15px;
}

.permission-table {
  border-collapse: collapse; 
  caption-side: top;
  text-transform: capitalize;
}

.permission-table td, .permission-table th {
  border:  1px solid #d4d4d4;
  padding: 10px;
  min-width: 150px;
  background: white;
  box-sizing: border-box;
  word-wrap: break-word;
  text-align: center;  
}

.permission-table th {
  box-shadow: 0 0 0 1px #d4d4d4;
}

.table-container {
  position: relative;
  min-height: 200px;
  height: 500px;
  min-width: 900px;
  width: 1300px;
  overflow: auto;
}

.permission-table thead th{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #428bca;
  color: white;
}

.permission-table thead th:first-child{
  left: 0;
  z-index: 3;
}

.permission-table tbody {
  overflow: scroll;
  height: 500px;
}

/* MAKE LEFT COLUMN FIXEZ */
.permission-table tr > :first-child {
  position: -webkit-sticky;
  position: sticky; 
  background: #428bca;
  color: white;
  left: 0; 
  box-shadow: inset 0px 1px #d4d4d4;
}

.padding-bottom-25px {
  padding-bottom: 25px !important;
}

.green-dot {
  height: 12px;
  width: 12px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}

.width-auto {
  width: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  max-width: none !important;
}
.font-color-27408b {
    color: #27408b;
}

div#tree_based_xml_div  {padding:14px 10px 10px 10px; margin:10px 10px 0 10px; background-color:#fff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}

div#nodePath {position:absolute; top:98px; right:30px; font:11px consolas, courier new; color:#999;}

/* xml structure */
div#tree_based_xml_div ul li                     {margin-bottom:0; padding-bottom:0;}
div#tree_based_xml_div ul li a                   {color:#9cc; font:normal 10px tahoma,helvetica,arial;}
div#tree_based_xml_div ul li input,
div#tree_based_xml_div ul li textarea,
div#tree_based_xml_div ul li ul.nodeCore input   {background-color:#eefffa; color:#000;}
div#tree_based_xml_div ul li ul.nodeCore input.newChild {color:#900;}

div#tree_based_xml_div ul li span.nodeName             {padding:1px; font-weight:bold; color:#900; cursor:pointer;}
div#tree_based_xml_div ul li.comment span.nodeName     {color:#999; font-style:italic;}

div#tree_based_xml_div ul li span.nodeAttrs                      {padding:1px; color:#666; font-weight:normal;}
div#tree_based_xml_div ul li span.nodeAttrs span.singleAttr      {margin-left:8px;}
div#tree_based_xml_div ul li span.nodeAttrs span.attrValue       {font:italic 11px georgia,serif; color:blue;}
div#tree_based_xml_div ul li span.nodeAttrs span.attrValue:hover {color:#090; cursor:pointer;}
div#tree_based_xml_div ul li span.nodeAttrs button.killAttr      {background-position:-34px -194px;}
div#tree_based_xml_div ul li span.nodeAttrs form                 {display:inline; margin:0; padding:0;}
div#tree_based_xml_div ul li span.nodeAttrs input                {font:italic 11px georgia,serif; border:0; padding:0; margin:0; border-bottom:1px dotted #066;}
div#tree_based_xml_div ul li span.nodeAttrs input.newAttrName    {width:80px; margin-left:8px;}
div#tree_based_xml_div ul li span.nodeAttrs input.newAttrValue   {width:120px; margin-right:8px;}
div#tree_based_xml_div ul li span.nodeAttrs button.addAttr       {margin-left:6px; background-position:0 -194px;}

div#tree_based_xml_div ul li span.nodeValue        {color:#666;}
div#tree_based_xml_div ul li span.nodeValue strong {color:#333;}

div#tree_based_xml_div ul li ul.nodeCore li p.nodeValue                    {font:italic 11px georgia,serif; width:400px; padding:0; margin:0; margin-left:4px; color:#000;}
div#tree_based_xml_div ul li ul.nodeCore li p.nodeValue:hover              {color:#090; cursor:pointer;}
div#tree_based_xml_div ul li ul.nodeCore li p.nodeValue span.noValue       {color:#999;}
div#tree_based_xml_div ul li ul.nodeCore li p.nodeValue:hover span.noValue {color:#090; cursor:pointer;}
div#tree_based_xml_div ul li ul.nodeCore li a.addChild                     {margin-left:4px;}
div#tree_based_xml_div ul li ul.nodeCore li textarea                       {font:italic 11px georgia,serif; width:400px; height:26px; padding:0 2px 2px 2px; margin:0 1px 2px 1px; border:none; border-bottom:1px dotted #066;}
div#tree_based_xml_div ul li ul.nodeCore li div.editTextValueButtons       {width:404px; height:15px;}
div#tree_based_xml_div ul li ul.nodeCore input {border:0; padding:0; margin:0 6px 0 4px; border-bottom:1px dotted #066;}

div#tree_based_xml_div ul li button.killNode,
div#tree_based_xml_div ul li button.killChild {background-position:-34px -194px; margin-left:2px;}

div#tree_based_xml_div span.comment {font:italic 11px consolas,courier new,monospace; color:#999;}

/* xml tree support */
.treeview    {padding:0; margin:0; list-style:none;}
.treeview ul {padding:0; margin:4px 0 0 0; list-style:none;}
.treeview li {margin:0; padding:3px 0pt 3px 16px; background:url(treeview-default-line.gif) 0 0 no-repeat;}

.treeview div.hitarea {background:url(treeview-default.gif) -64px -25px no-repeat; height:16px; width:16px; margin-left:-16px; float:left;cursor:pointer;}

.treeview li.collapsable,
.treeview li.expandable   {background-position:0 -176px;}

.treeview li.collapsable ul {display:block;}
.treeview li.expandable  ul {display:none;}

.treeview li.collapsable div.hitarea {background-position:-64px -25px;}
.treeview li.expandable  div.hitarea {background-position:-80px -3px;}

.treeview li.last              {background-position:0 -1766px;}
.treeview li.last.collapsable  {background:url(treeview-default.gif) 0 -111px no-repeat;}
.treeview li.last.expandable   {background:url(treeview-default.gif) -32px -67px no-repeat;}

.treeview li.last.collapsable div.hitarea.last {background-position:0;}
.treeview li.last.expandable  div.hitarea.last {background-position:0;}

/* fix for IE6 */
* html .hitarea {display:inline; float:none;}

.xml-treeview-cancel-button{
    background-color: #f0ad4e;
    color: #fff;
    border: #f0ad4e;
    margin-left: 2px;
    border-radius: 5px;
}
.xml-treeview-submit-button{
    background-color: #5cb85c;
    color: #fff;
    border: #5cb85c;
    margin-left: 2px;
    border-radius: 5px;
}

.span-selected{
  font-weight: bold;
  text-decoration: underline;
  font-size:15px !important;
  color:#f75f03;
}

.span-selected-v2{
    background-color: #aecbfa !important;
}

.margin-top-12px {
    margin-top: 12px !important;
}

.tab-span{
    font-size:12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    background-color: #DCDCDC;
    padding-bottom: 10px;
    border-radius: 15px;
}
.tab-span-v2{
    font-weight: normal;
    font-size:12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    background-color: #DCDCDC;
    padding-bottom: 5px;
    border-radius: 10px;
}
.border-solid-2px {
  border: 2px solid #000;
}

.border-solid-1px {
  border: 1px solid #000;
}

.masking_div {
    display: block;
    z-index: 10000000000000000000000000000000000;
    overflow-x: auto;
    overflow-y: auto;
    opacity: 1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0;
    background: #0000006e;
}

.masking_message_div {
    display: block;
    z-index: 10000000000000000000000000000000000;
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    color: #000c;
    background-color: #e1ce73;
    border-color: #e1ce73;
    border-radius: 5px;
    padding: 5px;
    left: 40%;
    top: 5px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px !important;
}


.margin-top-minus-30px {
    margin-top: -30px !important;
}

.margin-top-minus-5px {
    margin-top: -5px !important;
}

.margin-top-minus-10px {
    margin-top: -10px !important;
}
.input-text-as-borderless{
    width: 100% !important;
    border: none !important;
    background: none !important;
    outline: none !important;
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-right: 12px !important;
    line-height: 1.42857143 !important;
}
.margin-top-minus-1px {
    margin-top: -1px !important;
}

.margin-top-minus-22px {
    margin-top: -22px !important;
}

.height-30px {
    height: 30px;
}

.width-1100px {
    width: 1100px;
}

.overflow-anywhere {
    overflow-wrap: anywhere;
}

.border-1px-cb-theme {
    border: 1px solid #428bca;
}
.margin-left-minus-52px {
    margin-left: -52px !important;
}

.sidebar-sticky {
    position: sticky;
    top: 100px;
    padding-right: 0px;
}

.sidebar-sticky-max-height {
    height: calc(100vh - 168px);
}

.sidebar-sticky a {
  cursor: pointer !important;
}

.overflow-xy {
    overflow: auto;
}
.overflow-y {
    overflow-y: auto;
}
.overflow-x {
    overflow-x: auto;
}
.overflow-hidden-x {
    overflow-x: hidden;
}
.overflow-hidden-y {
    overflow-y: hidden;
}

.background-color-DCDCDC {
    background-color: #DCDCDC !important
}

.min-height-600px {
    min-height: 600px !important;
}

.min-height-300px {
    min-height: 300px !important;
}

.scrollable-menu {
    height: auto;
    max-height: 560px;
    overflow-x: hidden;
    min-width: 550px !important;
}

.module-header-custom {
    width: 100%;
    z-index: 8;
}

.text-decoration-none {
    text-decoration: none;
}

.background-color-e5f3e4 {
  background-color: #e5f3e4 !important;
}
.background-color-f8e6e6 {
  background-color: #f8e6e6 !important;
}

.font-color-e5f3e4 {
  color: #e5f3e4;
}
.font-color-f8e6e6 {
  color: #f8e6e6;
}
/* Custom CSS added by tprashant */
.background-color-f7f0b0 {
    background: #f7f0b0 !important;
}

.background-color-fffad1 {
    background: #fffad1 !important;
}

.font-color-fffad1 {
    color: #fffad1 !important;
}

.background-color-eaf1f8 {
    background: #eaf1f8;
}

.border-width-2px {
  border-width: 2px;
}

.d-flex {
  display: flex;
}

.table-fixed-head thead tr th, .table-fixed-head thead tr td, .table-fixed-foot tfoot tr th, .table-fixed-foot tfoot tr td { /* Sticky Table Header/Footer */
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.table-fixed-head thead tr th, .table-fixed-head thead tr td {
  top: 0px;
}
.table-fixed-foot tfoot tr th, .table-fixed-foot tfoot tr td {
  bottom:0;
}
/* Table Fixed Columns Starts Here */
.table-fixed-column thead th { 
  white-space: nowrap;
}
.table-fixed-column tbody td {
  background-color: #ffffff;
  overflow-wrap: break-word;
}

.table-fixed-column .table-fixed-column-1, .table-fixed-column .table-fixed-column-2, .table-fixed-column .table-fixed-column-3, .table-fixed-column .table-fixed-column-4, .table-fixed-column .table-fixed-column-5, .table-fixed-column .table-fixed-column-6 {
  position: sticky;
  /* border:0; */
  /* outline: 1px solid #ddd; */ /* Commenting this as we don't have table vertical borders in clicBank*/
  z-index: 2;
}

.table-fixed-column .table-fixed-column-1 + .table-fixed-column-2, .table-fixed-column .table-fixed-column-1 + .table-fixed-column-3, .table-fixed-column .table-fixed-column-1 + .table-fixed-column-4, .table-fixed-column .table-fixed-column-1 + .table-fixed-column-5  {
  left: 80px;
}
.table-fixed-column .table-fixed-column-2 + .table-fixed-column-3, .table-fixed-column .table-fixed-column-2 + .table-fixed-column-4, .table-fixed-column .table-fixed-column-2 + .table-fixed-column-5, .table-fixed-column .table-fixed-column-2 + .table-fixed-column-1 {
left: 40px;
}
.table-fixed-column .table-fixed-column-1 + .table-fixed-column-2 + .table-fixed-column-3, .table-fixed-column .table-fixed-column-1 + .table-fixed-column-2 + .table-fixed-column-5, .table-fixed-column .table-fixed-column-3 + .table-fixed-column-5, .table-fixed-column .table-fixed-column-2 + .table-fixed-column-1 + .table-fixed-column-6 {
left: 120px;
}
.table-fixed-column .table-fixed-column-1 + .table-fixed-column-2 + .table-fixed-column-3 + .table-fixed-column-4, .table-fixed-column .table-fixed-column-1 + .table-fixed-column-2 + .table-fixed-column-3 + .table-fixed-column-5 {
left: 240px;
}
.table-fixed-column .table-fixed-column-4 + .table-fixed-column-5 {
left: 150px;
}
.table-fixed-column .table-fixed-column-2 + .table-fixed-column-3 + .table-fixed-column-5 {
left: 160px;
}
.table-fixed-column .table-fixed-column-2 + .table-fixed-column-4 + .table-fixed-column-5 {
left: 190px;
}
.table-fixed-column .table-fixed-column-1 + .table-fixed-column-3 + .table-fixed-column-4, .table-fixed-column .table-fixed-column-5 + .table-fixed-column-5 {
left: 200px;
}
.table-fixed-column .table-fixed-column-1 + .table-fixed-column-4 + .table-fixed-column-5 {
left: 230px;
}
.table-fixed-column .table-fixed-column-3 + .table-fixed-column-4 + .table-fixed-column-5, .table-fixed-column .table-fixed-column-1 + .table-fixed-column-2 + .table-fixed-column-4 + .table-fixed-column-5 {
left: 270px;
}
.table-fixed-column .table-fixed-column-2 + .table-fixed-column-3 + .table-fixed-column-4 + .table-fixed-column-5 {
left: 310px;
}
.table-fixed-column .table-fixed-column-1 + .table-fixed-column-3 + .table-fixed-column-4 + .table-fixed-column-5 {
left: 350px;
}
.table-fixed-column .table-fixed-column-1 + .table-fixed-column-2 + .table-fixed-column-3 + .table-fixed-column-4 + .table-fixed-column-5 {
left: 390px;
}
.table-fixed-column .table-fixed-column-5 + .table-fixed-column-5 + .table-fixed-column-5{
  left: 400px;
}
.table-fixed-column .table-fixed-column-2 + .table-fixed-column-1 + .table-fixed-column-6 + .table-fixed-column-4 {
  left: 420px;
}
.table-fixed-column .table-fixed-column-2 + .table-fixed-column-1 + .table-fixed-column-6 + .table-fixed-column-4 + .table-fixed-column-5 {
  left: 570px;
}
.table-fixed-column .table-fixed-column-1 {
  left: 0px;
  min-width: 80px;
  max-width: 80px;
}

.table-fixed-column .table-fixed-column-2 {
  left: 0px;
  min-width: 40px;
  max-width: 40px;
}

.table-fixed-column .table-fixed-column-3 {
  left: 0px;
  min-width: 120px;
  max-width: 120px;
}

.table-fixed-column .table-fixed-column-4 {
  left: 0px;
  min-width: 150px;
  max-width: 150px;
}

.table-fixed-column .table-fixed-column-5 {
  left: 0px;
  min-width: 200px;
  max-width: 200px;
}

.table-fixed-column .table-fixed-column-6 {
  left: 0px;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
}

/* Table Fixed Columns Ends Here */

/* Nav tabs custom */

.nav-tabs-secondary {
  border-bottom: 1px solid #d6d6d6;
}
.nav-tabs-secondary>li>a {
  color: rgb(102, 102, 102);
  font-weight: bold;
}

.nav-tabs-secondary>li.active>a, .nav-tabs-secondary>li.active>a:focus, .nav-tabs-secondary>li.active>a:hover {
  color: #337ab7;
  font-weight: bold;
  border: 1px solid transparent;
  border-bottom: 2px solid #337ab7;
}
.nav-tabs-secondary>li>a:focus, .nav-tabs-secondary>li>a:hover {
  border: 1px solid transparent;
  background-color: #ffffff;
  border-bottom: 2px solid #337ab7;
}

.box-shadow-top-2px {
  box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
}

.reset-z-index{
  z-index: 5 !important;
}

.right-panel-scroll {
  max-height: calc(100vh - 300px);
}

#left-navigation-toggle {
position: relative;
top: 0;
float: left;
width: 25px;
background-color: #d4d4d4;
border-radius:0;
padding: 10px 7px 9px;
}

.align-self-start {
align-self: flex-start !important;
}

.d-flex-1 {
flex:1;
}

.w-200px {
width:200px;
}
.w-320px {
width:320px;
}
.z-index-4 {
    z-index: 4 !important;
}
.padding-left-22px {
    padding-left: 22px !important;
	  z-index: 4 !important;
}

table.diff {
  width:100%;
  border:medium;
}

.diff_header {
  background-color:#428bca;
  color:white;
  padding-left: 10px
}

.diff_header_row {
  display: none;
}

td.diff_header {
  text-align:right
}

.diff_next {
  background-color:#c0c0c0;
  display: none;
  word-break: break-word;
}

.diff_add {
  background-color:#0088001a;
  display: inline-block;
  word-break: break-word;
}

.diff_chg {
  background-color:#f7f0b0;
  display: inline-block;
  word-break: break-word;
}
.diff_sub {
  background-color:#ba000d1a;
  display: inline-block;
  word-break: break-word;
}
/* Custom CSS added by tprashant ends here */


.ef-merge-efs-td{
   padding-right: 0px !important;
   padding-top: 0px !important;
   padding-bottom: 1px !important;
   padding-left: 0px !important; 
}
.ef-merge-ef-div{
    line-height: 30px !important;
    padding-left: 5px !important;    
}

.border-top-2px-ddd{
    border-top: 2px solid #ddd !important;
}

.tr-border-2px-ddd {
    border-left:2px solid #ddd !important;
    border-right:2px solid #ddd !important;
}
   
.font-color-d4d4d4 {
  color: #d4d4d4;
}
.font-color-ba000d1a {
  color: #ba000d1a;
}
.font-color-0088001a {
  color: #0088001a;
}
.font-color-f7f0b0
{
  color:#f7f0b0;
}

.asd {
  max-height: calc(100vh - 330);
}

.bld {
  font-weight: bold;
}
/* Custom CSS added by tprashant ends here */


.align-items-center { align-items: center; }

/* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side,#29d 90%,#FFF);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 100%;
  animation: l7 1s infinite linear;
}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}

/* Tree View */
.tree {
  list-style: none;
  padding-left: 10px;
}

.tree li {
  margin: 4px 3px;
}

.caret {
  cursor: pointer;
  display: inline-block;
  transition: transform 0.3s ease;
  margin-right: 5px;
  color: #007bff;
}

.rotated {
  transform: rotate(0deg);
}

.rotated-right {
  transform: rotate(270deg);
}

.no-caret {
  display: inline-block;
  width: 14px;
  margin-right: 5px;
}

.child-tree {
  margin-left: 18px;
  border-left: 1px dashed #ccc;
  padding-left: 8px;
  line-height: 21px;
}

.tree-btn {
  padding: 2px;
}

.appeared {
  color: #23527c;
  font-style: italic;
  font-weight: bold;
}

.dropdown-menu-metainfo {
    min-width: 500px !important
}

.onoffswitch {
    position: relative; width: 81px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #B8B4B4; border-radius: 30px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 15px;
    background-color: #17B571; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 15px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 51px;
    border: 2px solid #B8B4B4; border-radius: 30px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.18.1 - 2016-07-10T00:30:49.466Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

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

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

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

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

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

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

.toggle-switch {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    min-width: 100px;
}

.toggle-switch.disabled > div > span.knob {
    background: #AAA;
}

.toggle-switch span {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 100%;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    width: 33%;
    white-space: nowrap;

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

.toggle-switch > div {
    position: relative;
    width: 150%;
}

.toggle-switch .knob {
    background: red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 34%;
    z-index: 100;
}

.toggle-switch .switch-on {
    left: 0%;
}

.toggle-switch .switch-off {
    left: -50%
}

.toggle-switch .switch-left, .toggle-switch .switch-right {
    z-index: 1;
}

.toggle-switch .switch-left {
    color: #fff;
    background: #005fcc;
}

.toggle-switch .switch-right {
    color: #333;
    background: #f0f0f0;
}

.toggle-switch-animate {
    transition: left 0.5s;
    -o-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
}

.toggle-switch {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #cccccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    min-width: 100px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.toggle-switch .knob {
    color: #333333;
    background: #ffffff;
    border: 3px;
}

.toggle-switch .switch-left {
    color: #fff;
    background: #428bca;
}

.toggle-switch .switch-right {
    color: #000;
    background: #eeeeee;
}