/**********************************************
	Grid
**********************************************/
.grid {
	border-collapse: collapse;
}
.grid.smallfont, .smallfont, .smallfont input, .smallfont select, .smallfont textarea {
	font-size: 10px;
}
.grid.smallfont th, .grid.smallfont td {
	padding: 2px 3px 1px;
}
.grid caption {
	background-color: #fff;
	border-bottom: 2px solid #00A0E7;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	text-align: left; 
}

.grid caption .caption_buttons {
	margin-left: 8px;
	display: inline-block;
}

.grid thead, .grid tbody tr.thead {
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
	font-weight: bold;
	color: #333;
}
.grid thead th, .grid tbody tr.thead th, .grid tbody td {
	background: none;
	border: 1px solid #c2bfba;
}
.grid thead th, .grid tbody tr.thead th {
	padding: 2px 4px;
	text-align: left;
}
.grid thead th .current-page {
	color: #74c812 !important;
	font-weight: bold;
	text-decoration: underline !important;
}
.grid thead th a, .grid thead th span.link, .grid thead th.link {
	color: #333;
}
.grid tfoot td {
	padding-top: 15px; 
}
.grid tbody {
	order: 1px solid #c2bfba;
	order-width: 0 1px 1px 0;
}
.grid tbody tr.ev, .grid tbody tr.ev .ev-od-inherit {
	background-color: #e9e6e0;
	transition: all 5s;
}

.grid tbody tr.ev.row-highlight, .grid tbody tr.ev .ev-od-inherit {
	background-color: yellow;
}

.grid tbody thead tr td.subheader {
	background: #ffffff no-repeat right top;
	text-align: center;
	color: black;
}

.grid tbody tr.ev.row-unhighlight, .grid tbody tr.ev .ev-od-inherit {
	background-color: #e9e6e0;
}

.grid tbody tr.ev td.fade-right {
	position: relative;
}
.grid tbody tr.ev td.fade-right span {
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(233,230,224,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(233,230,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(233,230,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 5em;
}
.grid tbody tr.od, .grid tbody tr.od .ev-od-inherit {
	background-color: #fff;
	transition: all 5s;
}

.grid tbody tr.od.row-highlight, .grid tbody tr.ev .ev-od-inherit {
	background-color: yellow;
}

.grid tbody tr.od.row-unhighlight, .grid tbody tr.ev .ev-od-inherit {
	background-color: #fff;
}

.grid tbody tr.od td.fade-right {
	position: relative;
}
.grid tbody tr.od td.fade-right span {
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 5em;
}
.grid tbody td {
	ackground-image: url(img/table-cell-border.png);
	ackground-position: top left;
	ackground-repeat: no-repeat;
	order: none;
	color: #265781;
	padding: 2px 4px;
}
.grid tbody td input, .grid tbody td select, .grid tbody td textarea {
	background: #ffd url(img/form-field-bkg.png) no-repeat left top;
	border: none;
	color: #000;
	font: inherit !important;
	padding: 2px 4px;
	margin: -2px -4px;
}

.group_pixel_override.group_disabled {
	color: grey;
	background-color: grey;
}

.grid tbody td input.error_highlight, .grid tbody td select.error_highlight, .grid tbody td textarea.error_highlight {
	border: 2px solid red;
}

.grid tbody td select {
	padding: 4px 7px 0 1px;
}
.grid .checkbox-input input {
	margin: 0 1px;
}
.grid .multi-select select {
	height: 24px;
}
.grid-outer {
	width: 100%;
}
.grid-outer caption {
	background: none;
	border-bottom: 3px solid #265781;
	font-size: 18px;
	font-weight: bold;
	padding: 0 5px;
	text-align: left;
}

/* Icons */

.grid-icon, .altcss .grid-icon, .altcss .ui-widget-content .grid-icon, .altcss .ui-state-default .grid-icon  {
	background-image: url(img/grid-icons.png?cv=20130910);
	margin-top: 1px;
}

.icon-question-mark {
	background-image: url(img/grid-icons.png?cv=20130910) !important;
}

.ui-icon.grid-icon.icon-delete-red-modal { background-image: url(img/grid-icons.png?cv=20130910); }
.ui-icon.icon-delete-gray-modal { background-image: url(img/grid-icons.png?cv=20130910);}


.icon-delete-red     { background-position:     0      0; }
.icon-delete-red-modal  { background-position:  0px 0px;  }

.icon-undelete-red   { background-position: -16px      0; }
.icon-delete         { background-position: -32px      0; }

.icon-delete-gray    { background-position: -48px      0; }
.icon-delete-gray-modal { background-position: -48px 0px;   }

.icon-view           { background-position:     0  -16px; }
.icon-view-          { background-position: -16px  -16px; }
.icon-edit           { background-position: -32px  -16px; }
.icon-edit-blue      { background-position: -48px  -16px; }
.icon-add            { background-position: -16px  -32px; }
.icon-add-blue       { background-position: -16px  -32px; }
.icon-export         { background-position: -32px  -32px; }
.icon-export-        { background-position: -48px  -32px; }
.icon-login          { background-position:     0  -48px; }
.icon-login-         { background-position: -16px  -48px; }
.icon-save           { background-position: -32px  -48px; }
.icon-save-          { background-position: -48px  -48px; }
.icon-go             { background-position:     0  -64px; }
.icon-go-blue        { background-position: -16px  -64px; }
.icon-external       { background-position: -32px  -64px; }
.icon-external-blue  { background-position: -48px  -64px; }
.icon-maximize       { background-position:     0  -80px; }
.icon-restore        { background-position: -16px  -80px; }
.icon-checkbox       { background-position: -32px  -80px; }
.icon-checkbox-gray  { background-position: -48px  -80px; }
.icon-exchange       { background-position:     0  -96px; }
.icon-gears          { background-position: -16px  -96px; }
.icon-calendar       { background-position: -32px  -96px; }
.icon-calendar-green { background-position: -48px  -96px; }
.icon-home           { background-position:     0 -128px; }
.icon-info           { background-position: -16px -128px; }
.icon-warning        { background-position: -32px -128px; }
.icon-flag           { background-position: -48px -128px; }
.icon-copy           { background-position: -16px  -80px; }

.icon-plus, .icon-minus, .altcss .icon-plus, .altcss .icon-minus {
	background-image: url(img/plus-minus.png);
}

.icon-plus.icon-none {
	background-image: none;
}

.icon-plus.nobg::before {
	content: "\00a0\00a0";
}

.icon-none.nobg::before {
	content: "\00a0\00a0";
}

.icon-minus.nobg::before {
	content: "\00a0\00a0\00a0";
}

.icon-plus.nobg {
	background-position: 0 0;
}

.icon-non.nobg {
	background-position: 0 0;
}

.icon-minus.nobg {
	background-position: -3px 100%;
}


.icon-plus-big, .icon-minus-big, .altcss .icon-plus-big, .altcss .icon-minus-big {
	background-image: url(img/plus-minus_big.png);
}
.icon-plus,  .icon-plus-big  { background-position: 0 0;    }
.icon-minus, .icon-minus-big { background-position: 0 100%; }

/* miscellaneous classes */

.ui-corner-sm { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.btn-generic, .altcss .ui-widget-content .btn-generic {
	/* background: #6eb21f url(img/line-fade-vert-6eb21f.png) repeat-x left center; */
	background: #FFFFFF;
	/* border: 1px solid #3c0; */
	border: 1px solid #ccc;
	color: #000;
	display: inline-block;
	padding: 2px 5px;
	text-decoration: none;
	white-space: nowrap;
}

.shadow-sm {
	/* Firefox */
	-moz-box-shadow: 2px 2px 3px #999;
	/* WebKit */
	-webkit-box-shadow: 2px 2px 3px #999;
	/* Standard */
	box-shadow: 2px 2px 3px #999;
}

.table-bordered {
	margin-top: 8px;
}

legend {
	font-size: 1.5em;
}

.has-error {
	border-color: #a94442;
	border-width: 1px;
}

.button-menu-mobile.button-menu-mobile-black {
	background-color: transparent;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* border seperate solution 2 */

.table-colored-bordered.table-bordered-inverse tbody tr.child td.child {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse {
	border: none;
}

table.dataTable.dtr-inline.collapsed > thead > tr > td:first-child::before {
	position: relative;
	margin-top: 1px;
}

.table-colored-bordered.table-bordered-inverse thead th {
	background-color: #F7F7F7;
	color: #444;
}

.table-colored-bordered.table-bordered-inverse thead th {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse thead th:first-child {
	border-left: 1px solid #999;
	border-right: none;
}

.table-colored-bordered.table-bordered-inverse thead th:last-child {
	border-left: none;
}

.table-colored-bordered.table-bordered-inverse thead tr th:nth-child(2) {
	border-left: none;
}

/* part 2 */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {
	position: relative;
	margin-top: 1px;
}

.table-colored-bordered.table-bordered-inverse tbody td {
	border-top: none;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse tbody td:first-child {
	border-left: 1px solid #999;
	border-right: none;
	padding: 0 1px 0 0;
}

.table-colored-bordered.table-bordered-inverse tbody td:last-child {
	border-left: none;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:ntd-child(2) {
	border-left: none;
}



/* border seperate solution */

/*
.table-colored-bordered.table-bordered-inverse thead th {
	background-color: #F7F7F7;
	color: black;
}

.table-colored-bordered.table-bordered-inverse thead th {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse thead tr th:first-child {
	border-right: none;
}

.table-colored-bordered.table-bordered-inverse thead tr th:nth-child(2) {
	border-left: none;
}

.table-colored-bordered.table-bordered-inverse thead tr th:last-child {
	border-right: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse thead th {
	background-color: #F7F7F7;
	color: black;
}

.table-colored-bordered.table-bordered-inverse thead th {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse thead tr th:first-child {
	border-right: none;
}

.table-colored-bordered.table-bordered-inverse thead tr th:nth-child(2) {
	border-left: none;
}

.table-colored-bordered.table-bordered-inverse thead tr th:last-child {
	border-right: 1px solid #999;
}


.table-colored-bordered.table-bordered-inverse tbody td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:first-child {
	border-right: none;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:nth-child(2) {
	border-left: none;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:last-child {
	border-right: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse {
	border: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {
	position: relative;
	margin-top: 1px;
}
*/


/* border collapse solution */

/*
table.dataTable {
	border-collapse: collapse !important;
}

.table-colored-bordered.table-bordered-inverse thead th {
	border-top: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse thead th {
	background-color: #F7F7F7;
	color: black;
}

.table-colored-bordered.table-bordered-inverse tbody td {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:first-child {
	border-right: none;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:nth-child(2) {
	border-left: none;
}

.table-colored-bordered.table-bordered-inverse tbody tr td:last-child {
	padding-right: 1px;
}

.table-colored-bordered.table-bordered-inverse {
	border: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {
	position: relative;
	margin-top: 1px;
}

*/

.swal-button {
	background-color: #A07CBA;
}

.swal-button:not([disabled]):hover {
	background-color: #A07CAA;
}

.swal-button--cancel:not([disabled]):hover {
	background-color: #FAFAFA;
}

@media screen and (min-width: 600px) {
	#engage_now_main_header {
		display: block;
	}

	#engage_now_small_header {
		display: none;
	}
}

#search-box-left-nav {
	display: none;
}

.engage-icon {
	display: none;
}

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

	/* show search box in left nav from xs-s */
	#search-box-left-nav {
		display: block;
	}

	/* hide search bot in top nav from xs-s */
	.app-search form {
		display: none;
	}
}

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

	.navbar-custom {
		margin-left: 0 !important;
	}
}

/* find all elements and make changes at a specific breakpoint rather than the defined one */


@media screen and (max-width: 420px) {
	/* hide full engage button, show icon anchor link */
	.engage-button {
		display: none;
	}

	.engage-icon {
		display: inline;
		font-size: 20px;
		color: #E1D9EB !important;
		position: relative;
		left: -10px;
		top: -2px;
	}
}

/* breadcrumbs styles */

.breadcrumb_link {
	color: rgb(102, 111, 123);
}	

.breadcrumb_link:hover {
	color: rgb(102, 111, 123);
	text-decoration: underline;
}

.breadcrumb_link:visited {
	color: rgb(102, 111, 123);
}


.notification-list .noti-title {
	background-color: #A07CBA;
}

.DataTable tbody tr td:first-child {
	padding: 0 1px 0 0;
}

/* nice select for changing the color of highligted item */

.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}

.nice-select:hover {
/*
    border-color: #FFA91C; 
*/

}

.nice-select {
/*
	border-color: #FFA91C;
*/
/*	border-color: #FFA91C; */
	

	color: rgb(49, 58, 70);
	width: 100% !important;
}

.nice-select li {
	width: 100%;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
/*    border-color: #FFA91C;  */
}

.nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; 
}
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); 
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); 
	width: 100%;
}

.nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; 
}

.nice-select.disabled:after {
	border-color: #cdd5de; 
}

.nice-select.wide {
	width: 100%; 
}

.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important; 
}

.nice-select .list {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
			transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
		-ms-transform: scale(0.75) translateY(-21px);
			transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9; 
}

.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important; 
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #FFA91C; 
}

.nice-select .option.selected {
      font-weight: bold; 
}

.nice-select .option.disabled {
      background-color: transparent;
      color: #90a1b5;
      cursor: default; 
}

ul {
  margin: 0;
  padding-left: 16px; 
}

::-moz-selection {
  background: #FFA91C; 
}

::selection {
  background: #FFA91C; 
}

.box {
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 24px 30px; 
}      

.nav-link.bordered {
	border-color: #dee2e6 #dee2e6 #fff;
}

.custom-filter-upload-outer {
	padding: 0px;
	border: 1px solid #ccc;
}

.custom-file-upload-container {
  padding: 0px 12px 0px 12px;
  margin: 0;
}

.custom-file-upload {
  cursor: pointer;
}

.custom-file-delete {
  margin: 0;
  padding: 0px 0px 0px 3px;
  height: 22px;
  border-left: 2px solid #CCCCCC;
  text-align: center;
}

.custom-file-delete i {
    padding-bottom: 0;
}

.link {
	color: #8B929B;
}

a.addIcon[href] {
	color: rgb(121, 121, 121);
}

a.addIcon[href]:hover {
	color: #FFA91C;
}

.ui-sortable tr {
	cursor: row-resize !important;
}

.form-control::placeholder {
	opacity: 0.3;
	font-style: italic;
}

.color-gold {
	color: gold;
}

.color-red {
	color: red;
}

.color-engage-purple {
	color: #A07CBA;
}

.copyAble {
	cursor: pointer;
}

.link {
	text-decoration: underline !important;
	color: inherit;
}

.no-bullet {
	list-style: none;
}

.hidden {
	display: none;
}

ul.no-bullet {
        background: transparent url(img/dot_333333_5.png) repeat left top;
	padding: 0 20px;
}


.modal-body .table-colored-bordered.table-bordered-inverse tbody td:first-child {
	padding: 10px 0 0 8px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* date control classes */

.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
	background: #edf2f7;
	border: none;
}

.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
	background: #edf2f7;
	border: none;
}

.ui-datepicker .ui-datepicker-header {
	background: #C1CFDA;
	color: #7A90A3;
}

.ui-datepicker .ui-datepicker-title {
	background: #C1CFDA;
	color: #265781;
}

.ui-state-default .ui-widget-content {
	background: #D8D1CA;
}

.ui-datepicker-calendar tr td a.ui-state-default {
	background: #D8D1CA;
	color: #265781;
	border: 1px solid black;
}

.ui-datepicker-calendar tr td a.ui-state-default.ui-state-highlight {
	background: #F9E9AE;
}

.ui-datepicker-calendar tr td a.ui-state-default.ui-state-hover {
	background: #F0E4DA;
}

.ui-datepicker-calendar tr td a.ui-state-default.ui-datepicker-calendar tr td a.ui-state-highlight {
	background: #F9E9AE;
}

.ui-datepicker .ui-datepicker-prev span {
	background-image: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/start/images/ui-icons_056b93_256x240.png");
}

.ui-datepicker .ui-datepicker-next span {
	background-image: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/start/images/ui-icons_056b93_256x240.png");
}

.date-input {
	z-index: 100000;
}

.modal-medium-large {
	min-width: auto;
	max-width: -moz-fit-content;
	max-width: fit-content;
}

.btn-facebook {
	color: white;
	background-color: #4A6EA9;
}