@import url("open-sans-fonts.css");
@charset "UTF-8";

/* START TABLE OF CONTENTS */

/* BUTTONS */
/* FOOTER BUTTONS */
/* HEADERS/LABELS */
/* BACKGROUND COLORS */
/* COLORS */
/* CUSTOM COLORS */
/* UI KIT COLORS */
/* ORANGE CHECKBOX/RADIO */
/* MARGINS */
/* PADDING */
/* POSITION */
/* CUSTOM FONT SIZES */
/* FONT WEIGHT */
/* CUSTOM WIDTHS */
/* CUSTOM HEIGHTS */
/* BORDER */
/* BORDER-RADIUS */
/* BOX-SHADOW */
/* TEXT-TRANSFORM */
/* OVERFLOW */
/* BLOCK */
/* FONT STYLE */
/* FLOATS */
/* VERTICAL-ALIGN */
/* DISPLAY */
/* WRAP */
/* CURSOR */
/* HOVER */
/* WORDBREAK */
/* OTHERS*/
/* TRANSITIONS */
/* PLUGIN OVERRIDES */
/* LINKS */
/* BUTTONS */
/* FOOTER BUTTONS */
/* TABSET NAV OVERRIDES */
/* AUTO SCROLL */
/* EMPTY LIST ROW */
/* DATA ROWS */
/* TEXT SPACING */

/* END TABLE OF CONTENTS */


/**** BUTTONS ****/
.btn {
	transition:100ms background, 100ms color;
}
/* Override Bootstrap's active styling to match visual spec */
.btn:active {
	box-shadow: none;
}
.gray-button, .btn-stroke {
	background-color: #fff;
    border: solid 1px #6c96bd;
}
.graybutton {
	color: #6c96bd;
}

.btn-default:focus, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #fff;
	color: #56748F;
}

.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
	color: #fff;
}

/*** START - These buttons are used for footer and bottom of page call-to-action ***/
.btn-primary, .btn-success, .btn-footer, .btn-brightblue, .gold-button, .goldbutton {
	color: #FFFFFF !important;
	min-width: 134px;
	height: 38px;
	border-radius: 100px;
	background-color: #5299d3;
    border-color: #5299d3;
    font-weight: 600;
    font-size: 14px;
}
.btn-primary:hover, .btn-success:hover, .btn-footer:hover, .btn-brightblue:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary {
	color: #FFFFFF;
	background-color: #357fbb;
}
.btn-primary:active, .btn-success:active, .btn-footer:active, .btn-brightblue:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: none;
	background-color: #1b6aaa;
}

.btn-primary2 {
	min-width: 134px;
  	height: 38px;
  	border-radius: 100px;
  	background-color: #ffffff;
  	border: solid 1px #5299d3;
  	color: #5299d3;
  	font-size:14px;
	font-weight: 600;
}
.btn-primary2:hover {
	border: solid 2px #357fbb;
	color: #357fbb;
}
.btn-primary2:active  {
	 background-color: #1b6aaa;
	 color: #fff;
}

.btn-secondary, .btn-default, .btn-footer-o, .btn-proj  {
	min-width: 134px;
  	height: 38px;
  	border-radius: 100px;
  	background-color: #ffffff;
  	border: solid 1px #61717a;
  	color: #61717a;;
  	font-weight: 600;
}
.btn-secondary:hover, .btn-default:hover, .btn-footer-o:hover, .btn-proj:hover {
	border: solid 2px #61717a;
}
.btn-secondary:active, .btn-default:active, .btn-footer-o:active, .btn-proj:active {
	border: solid 2px #2a394f;
    color: #2a394f;
    font-weight: bold;
    box-shadow: none;
}

/*** END - These buttons are used for footer and bottom of page call-to-action ***/


/*** START - These buttons are used for inside card containers and non-footer call-to-action ***/
.btn-in-primary {
    background-color: #5299d3;
    color: #FFFFFF !important;
    border-width: 2px;
    height: 30px;
    min-width: 134px;
    border-radius: 100px;
    padding: 4px 12px;
    font-size:12px;
    font-weight: 600;
    border-color:#5299d3;
}
.btn-in-primary:hover {
	background-color:#357fbb;
	border-color:#357fbb;
}
.btn-in-primary:active {
	background-color:#1b6aaa; 
}
/*Disabled btn-in-primary buttons*/
.btn-in-primary.disabled, .btn-in-primary.disabled:hover, .btn-in-primary.disabled:focus,
	.btn-in-primary.disabled:active, .btn-in-primary.disabled.active,
	.btn-in-primary[disabled], .btn-in-primary[disabled]:hover, .btn-in-primary[disabled]:focus,
	.btn-in-primary[disabled]:active, .btn-in-primary.active[disabled], fieldset[disabled] .btn-in-primary,
	fieldset[disabled] .btn-in-primary:hover, fieldset[disabled] .btn-in-primary:focus,
	fieldset[disabled] .btn-in-primary:active, fieldset[disabled] .btn-in-primary.active {
	background-color: #5299d3;
}
/*END Disabled btn-in-primary buttons*/

.btn-in-primary2 {
	background-color: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #5299d3;
    width: auto;
    min-width: 134px;
	height: 30px;
	border-radius: 100px;
	border: solid 1px #5299d3;
    padding: 5px 8px 5px 8px;
}
.btn-in-primary2:hover:not([disabled]) {
	border: solid 2px #357fbb;
	height:30px;
	color:#357fbb;
	padding: 4px 7px 4px 7px;
}
.btn-primary2:active {
	background-color: #1b6aaa;
	color: #ffffff!important;	
}
/*Disabled btn-in-primary2 buttons*/
.btn-in-primary2.disabled, .btn-in-primary2.disabled:hover, .btn-in-primary2.disabled:focus,
	.btn-in-primary2.disabled:active, .btn-in-primary2.disabled.active,
	.btn-in-primary2[disabled], .btn-in-primary2[disabled]:hover, .btn-in-primary2[disabled]:focus,
	.btn-in-primary2[disabled]:active, .btn-in-primary2.active[disabled], fieldset[disabled] .btn-in-primary2,
	fieldset[disabled] .btn-in-primary2:hover, fieldset[disabled] .btn-in-primary2:focus,
	fieldset[disabled] .btn-in-primary2:active, fieldset[disabled] .btn-in-primary2.active {
	background-color: #fff;
    border-color: rgb(187,215,237);
	color:rgb(187,215,237);
}
/*END Disabled btn-in-primary2 buttons*/
	
.btn-in-secondary {
    background-color: #fff;
    color: #2a394f !important;
    border: solid 1px #2a394f;
    height: 30px;
    min-width: 134px;
    border-radius: 100px;
    padding: 5px 12px;
    font-size:12px;
    font-weight: 600;
}
.btn-in-secondary:hover:not([disabled]) {
	border: solid 2px #2a394f;
	color: #fff;
	padding: 4px 11px 4px 11px;
}
.btn-in-secondary:active {
	background-color: #2a394f;
	color: #fff!important;
}
.btn-in-secondary[disabled] {
	border-color: #bec7cd;
    color: #bec7cd !important;
}

.btn-in-approve {
    background-color: #0cce6b;
    color: #fff!important;
    height: 30px;
    min-width: 134px;
    border-radius: 100px;
    padding: 4px;
    font-size:12px;
    font-weight: 600;
}
.btn-in-approve:hover {
	background-color: #1fb468;
	color: #fff!important;
}
.btn-in-approve:active {
	background-color: #02a552;
	color: #fff!important;
}


.gray-button, .btn-stroke {
    background-color: #fff;
    border-color: #6c96bd;
    color: #6c96bd;
}

.btn-none  {
	border: 0;
	text-decoration: none;
	padding:0;
	color: #428bca;
	margin:0;
	background-color: transparent;
}
.btn-none:hover {
	text-decoration:underline;
}

.btn-orange-sm, .btn-orange-sm:focus {
	background: white;
	height:30px;
	color: #f93;
	border: 1px solid #f93;
	font-size: 12px;
    padding: 5px 8px 5px 8px;
	color:#ef8b10;
	min-width:141px;
}

.btn-orange-sm:hover, .btn-orange-sm:hover:focus {
	color: #ef8b10;
	border: 2px solid #ef8b10;
}

.btn-orange-sm:active, .btn-orange-sm:focus:active {
	background:#ee8300;
	color:white;
}

/*** END - These buttons are used for inside card containers and non-footer call-to-action ***/


/**** END BUTTONS ****/


/**** MISC/OTHER FOOTER BUTTONS  ***/

.btn-footer-mid {
	color: #5299D3;
	border: 1px solid #5299D3;
}

.btn-footer-mid:hover {
	background-color: #5299D3;
	color: #fff;
}

.btn-form-object {
	height: 38px;
	min-width: 230px;
	border-radius: 100px;
	background-color: #fff;
	color: #61717a;
	border: solid 1px #61717a;
}

.btn-form-object-lightblue {
	background-color: #5299D3;
	color: #fff !important;
}

.btn-form-object:hover, .btn-form-object:active {
	background-color: #5299D3;
	color: #fff;
}

.footer-buttons>li {
	display: inline-block;
}

ul.footer-buttons {
	width: 100%;
	text-align: center;
}
/**** END FOOTER BUTTONS ****/

.btn-copy {	
	height: 30px;	
	width: 106px;	
	border-radius: 100px;	
	color: #ffffff;
	font-size: 12px;	
	font-weight: normal;	
	line-height: 17px;	
	text-align: center;
	background-color: #5299D3;
	text-transform: initial;
}
.btn-copy:hover, .btn-copy:focus {
	color: #ffffff !important;
	background-color: #5c8dbb;
	text-transform: initial;
}

/* HEADERS/LABELS START */
.section-headers, .section-subheaders {
	color: #2a394f;
	font-weight: bold;
	margin-top: 0;
}

/* Large Header for a Modal */
.modal-title {
  font-size: 24px;
  font-weight: normal;
  color: #2a394f;
  display:inline-block;
}
/* Medium-Large Header for a Section*/
.section-headers {
	font-size: 21px!important;
	display: inline-block;
}

/* Medium Size Header */
.section-subheaders {
	font-size: 16px!important;
}


.section-subsubheaders {
	font-size: 16px!important;
	font-weight: normal;
	color: #2a394f;
}

/* Small Label for a field */
.field_label {
	font-size:12px;
	font-weight:bold;
	color:#2a394f;
	margin-bottom:5px;
}
/* END HEADERS/LABELS */

/* BACKGROUND COLORS */
.gray-bg {
	background-color: #fafafa;
}

.orange-bg {
	background-color: #fff5ea !important;
}

.white-bg {
	background-color: #ffffff;
}

.navy-bg {
	background-color: #1ab394;
	color: #ffffff;
}

.purple-bg {
	background-color: #2F4050;
}

.baby-blue-bg {
	background-color: #e2eaf2 !important;
}

.blue-bg {
	background-color: #1c84c6;
	color: #ffffff;
}

.paleblue-bg {
	background:rgb(246,250,253);
}
.lazur-bg {
	background-color: #23c6c8;
	color: #ffffff;
}

.yellow-bg {
	background-color: #f8ac59;
	color: #ffffff;
}

.red-bg {
	background-color: #ed5565;
	color: #ffffff;
}

.black-bg {
	background-color: #262626;
}

.striped-color-bg {
	background: #fafbfd
}

.bg-trans {
	background-color: transparent;
}

.bgcc {
	background-color: #ccc;
}

.bgdd {
	background-color: #ddd;
}

.bgf1 {
	background-color: #f1f1f1;
}

.bgf4 {
	background-color: #f4f4f4;
}

.bgee {
	background-color: #eee;
}

.bgfa {
	background-color: #fafafa;
}

.bgf9 {
	background-color: #f9f9f9;
}

.bgdd {
	background-color: #ddd;
}

.bg-f93 {
	background-color: #ff9933 !important;
}

.bg-green {
	background-color: #74BD64;
}

.bg-mintgreen {
	background-color: #F1FFF8;
}

.bg-lightgreen {
	background-color: #f1f2e3;
}

.bg-bluegreen {
	background: #6C96Bd;
}

.bg-lightgray {
	background: #e0e3e7;
}

.bg-darkgray {
	background: #999999;
}
.bg-midgray {
	background-color: #C9D1D7;
}
.bg-lightbeige {
	background: rgb(254, 249, 240);
}

.bg-darkbeige {
	background: rgb(250, 243, 230);
}

.bg-main {
	background-color: #f6f7f9;
}

.bg-F6FAFD {
	background-color: #F6FAFD;
}
/* END BACKGROUNDS */

/* COLORS */
.text-navy {
	color: #1ab394;
}

.text-primary {
	color: inherit;
}

.text-success {
	color: #5c8dbb;
}

.text-info {
	color: #23c6c8;
}

.text-warning {
	color: #f8ac59;
}

.text-hdyWarning {
	color: #663399;
}

.text-danger {
	color: #ed5565;
}

.text-muted {
	color: #888888;
}

.text-white {
	color: #fff;
}

.gray-text, .text-gray {
	color: #666;
}
/* END COLORS*

/* CUSTOM COLORS */
.caaa {
	color: #aaa;
}

.cccc {
	color: #ccc;
}

.cddd {
	color: #ddd;
}

.cfff {
	color: #fff;
}

.cf33 {
	color: #f33;
}

.cf93 {
	color: #f93;
}

.c333 {
	color: #333;
}

.c444 {
	color: #444;
}

.c666 {
	color: #666;
}

.c888 {
	color: #888;
}

.c999 {
	color: #999;
}

.cc00 {
	color: #c00;
}

.m-green {
	color: #74BD64;
}

.text-bluegrey {
	color: #a7b1c2;
}

.cblack {
	color: #2a394f;
}

.td-666 td {
	color: #666;
}
/* END CUSTOM COLORS */

/* UI KIT COLORS */
.navy {
	color: #2F4050 !important;
}

.eggshell {
	color: #fafafa !important;
}

.orange {
	color: #ff9933 !important;
}

.lightblue {
	color: #6C96Bd !important;
}

.lighterblue {
	color: #5299d3 !important;
}
.lightestblue {
	color: #adc7db;
}

.brightblue {
	color: #0087ce !important;
}

.lime, .brightgreen {
	color: #74BD6c !important;
}

.red {
	color: #ff3333 !important;
}

.darkgray {
	color: #666666 !important;
}

/* WAND-151556 New disabled field */
.darkgray2 {
	color: #676A6C !important;
}
.form-control.darkgray2[disabled='disabled'] {
	background:rgb(246,247,249);
}
.lightgray {
	color: #999999 !important;
}
.lightgray2 {
	color: rgba(42, 57, 79, 0.6)!important;
}
.lightergray {
	color: #a2b6d3 !important;
}

.lightergray2 {
	color: #9da7ad !important;
}

.lightestgray {
	color: #c9d1d7 !important;
}

.bluegray {
	color: #6c788a !important;
}

.bluegray2 {
	color: #637A89 !important;
}

.black {
	color: black;
}
/* UI KIT COLORS END */

/* ORANGE CHECKBOX/RADIO */
.OrangeCheckbox, .OrangeRadio {
	margin: 0;
	padding: 0;
	opacity: 0;
}

input[type=radio].OrangeRadio:not(old)+label, input[type=checkbox].OrangeCheckbox:not(old)+label
	{
	display: inline-block;
	margin-left: -19px;
	margin-top: 0;
	padding: 0 0 0 19px;
	line-height: 19px;
	background-size: 19px !important;
}

input[type=checkbox].OrangeCheckbox:not(old):checked+label {
	background: url('/media/images/OrangeCheck_Enabled.png') no-repeat;
	background-position: top left;
}

input[type=checkbox].OrangeCheckbox:not(old)+label {
	background: url('/media/images/OrangeCheck_Enabled.png') no-repeat;
	background-position: bottom left;
}

input[type=checkbox].OrangeCheckbox:not(old):checked:disabled+label {
	background: url('/media/images/OrangeCheck_Disabled.png') no-repeat;
	background-position: top left;
}

input[type=checkbox].OrangeCheckbox:not(old):disabled+label {
	background: url('/media/images/OrangeCheck_Disabled.png') no-repeat;
	background-position: bottom left;
}

/* Indeterminate Orange Checkbox Selection */
input[type=checkbox].OrangeCheckbox-Partial+label {
	background: url('/wand/images/OrangeCheck_Partial.png') no-repeat;
	background-position: top left;
	display: inline-block;
	margin-left: -19px;
	margin-top: 0;
	padding: 0 0 0 19px;
	line-height: 19px;
	background-size: 19px !important;
}

input[type=radio]:not(old).OrangeRadio:checked+label {
	background: url('/media/images/OrangeRadio_Enabled.png') no-repeat;
	background-position: top left;
}

input[type=radio].OrangeRadio:not(old)+label {
	background: url('/media/images/OrangeRadio_Enabled.png') no-repeat;
	background-position: bottom left;
}

input[type=radio].OrangeRadio:not(old):disabled+label {
	background: url('/media/images/OrangeRadio_Disabled.png') no-repeat;
	background-position: bottom left;
}

.ng-submitted input[type=radio].OrangeRadio.ng-invalid:not(old)+label {
	background: url('/media/images/OrangeRadio_Error.png') no-repeat;
}
/* END ORANGE CHECKBOX/RADIO */

/* BLUE CHECKBOX/RADIO */
.BlueCheckbox, .BlueRadio {
	margin: 0 -13px 0 0 !important;
	padding: 0 !important;
	display: none;
}

input[type=radio].BlueRadio:not(old)+label, input[type=checkbox].BlueCheckbox:not(old)+label
	{
	margin: 0;
	padding: 0 0 0 28px;
	background-size: 16px 16px !important;
	min-height:16px;
	cursor: pointer;
	color: #2a394f;
	font-size: 12px;
  	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

input[type=radio].BlueRadio:not(old)+label:empty, input[type=checkbox].BlueCheckbox:not(old)+label:empty
	{
	width: 16px;
	height: 16px;
	padding: 0;
}

input[type=radio].BlueRadio:not(old):disabled+label, input[type=checkbox].BlueCheckbox:not(old):disabled+label {
	cursor: not-allowed;
}

input[type=checkbox].BlueCheckbox:not(old):checked+label {
	background: url('/wand/images/BlueCheck_True_Enabled.svg') no-repeat;
}

input[type=checkbox].BlueCheckbox:not(old)+label {
	background: url('/wand/images/BlueCheck_False.svg') no-repeat;
}

input[type=checkbox].BlueCheckbox:not(old):disabled+label {
	background: url('/wand/images/BlueCheck_False_Disabled.svg') no-repeat;
}

input[type=checkbox].BlueCheckbox:not(old):checked:disabled+label {
	background: url('/wand/images/BlueCheck_True_Disabled.svg') no-repeat;
}

.ng-submitted input[type=checkbox].BlueCheckbox.ng-invalid:not(old)+label {
	background: url('/wand/images/BlueCheck_False_Error.svg') no-repeat;
}
/* Indeterminate Blue Checkbox Selection */
input[type=checkbox].BlueCheckbox.Indeterminate+label {
	background: url('/wand/images/BlueCheck_Indeterminate.svg') no-repeat !important;
}
input[type=checkbox].BlueCheckbox.Indeterminate:disabled+label {
	background: url('/wand/images/BlueCheck_Indeterminate_Disabled.svg') no-repeat !important;
}
input[type=checkbox].BlueCheckbox-Partial+label {
	background: url('/wand/images/BlueCheck_Partial.png') no-repeat;
	margin-left: -16px;
	margin-top: 0;
	padding: 0 0 0 27px;	
}

input[type=radio]:not(old).BlueRadio:checked+label {
	background: url('/wand/images/BlueRadio_True_Enabled.svg') no-repeat;
}

input[type=radio].BlueRadio:not(old)+label {
	background: url('/wand/images/BlueRadio_False.svg') no-repeat;
}

input[type=radio].BlueRadio:not(old):disabled+label {
	background: url('/wand/images/BlueRadio_False_Disabled.svg') no-repeat;
}

input[type=radio].BlueRadio:not(old):checked:disabled+label {
	background: url('/wand/images/BlueRadio_True_Disabled.svg') no-repeat;
}

.ng-submitted input[type=radio].BlueRadio.ng-invalid:not(old)+label {
	background: url('/wand/images/BlueRadio_False_Error.svg') no-repeat;
}
/* END BLUE CHECKBOX/RADIO */

/* BLUE SLIDER Start */
label.switchLabel {
	font-weight:600;
	color:#666666;
	vertical-align:7px;
	margin-right:5px;
	cursor:pointer;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}
.switch input {display:none;}
input:focus + .blue-slider {
  box-shadow: 0 0 1px #2196F3;
}
.blue-slider {
  position: absolute;
  border-radius:15px;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.blue-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0px 2px 2px rgba(0,0,0, 0.25);
  border-radius: 50%;
}
input:checked + .blue-slider {
  background-color: #5299D3;
}
input:checked + .blue-slider:not(.indeterminate) {
  background-image: url('/wand/images/BlueCheck_True_Enabled.svg');
  background-repeat: no-repeat;
  background-position: 7px 5px;
  -webkit-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
}
input:checked + .blue-slider.indeterminate {
  background-image: url('/wand/images/BlueCheck_Indeterminate.svg');
  background-repeat: no-repeat;
  background-position: 7px 5px;
  -webkit-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
}

input:checked + .blue-slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
/* Disabled State Start */
input:disabled + .blue-slider, input:checked:disabled + .blue-slider {
	cursor:not-allowed;
    background:rgb(201,209,215);
}
input:checked:disabled + .blue-slider:not(.indeterminate) {
  background-image: url('/wand/images/BlueCheck_True_Disabled.svg');
  background-repeat: no-repeat;
  background-position: 7px 5px;
}

input:checked:disabled + .blue-slider.indeterminate {
  background-image: url('/wand/images/BlueCheck_Indeterminate_Disabled.svg') no-repeat !important;
  background-repeat: no-repeat;
  background-position: 7px 5px;
}
/* Disabled State End */
/* END BLUE SLIDER */

/* MARGINS */
.automargin {
	margin: auto;
}

.m-auto {
	margin: auto;
}

.m-xxs {
	margin: 2px 4px;
}

.m-xs {
	margin: 5px;
}

.m-sm {
	margin: 10px;
}

.m {
	margin: 15px;
}

.m-md {
	margin: 20px;
}

.m-lg {
	margin: 30px;
}

.m-xl {
	margin: 50px;
}

.m-n {
	margin: 0 !important;
}

.m-l-none {
	margin-left: 0;
}

.m-l-3 {
	margin-left: 3px !important;
}

.m-l-xs {
	margin-left: 5px;
}

.m-l-xxs {
	margin-left: 1px;
}

.m-l-sm {
	margin-left: 10px;
}

.m-l {
	margin-left: 15px;
}

.m-l-md {
	margin-left: 20px;
}
.m-l-25 {
	margin-left:25px;
}
.m-l-27 {
	margin-left:27px;
}
.m-l-lg {
	margin-left: 30px;
}

.m-l-xl {
	margin-left: 40px;
}

.m-l-2xl {
	margin-left: 50px;
}

.m-l-3xl {
	margin-left: 60px;
}

.m-l-4xl {
	margin-left: 80px;
}

.m-l-n-xxs {
	margin-left: -1px;
}

.m-l-n-xs {
	margin-left: -5px;
}

.m-l-n-sm {
	margin-left: -10px;
}

.m-l-n {
	margin-left: -15px;
}

.m-l-n-md {
	margin-left: -20px;
}

.m-l-n-lg {
	margin-left: -30px;
}

.m-l-n-xl {
	margin-left: -40px;
}

.m-l-n-xxl {
	margin-left: -50px;
}

.m-l-n-3xl {
	margin-left: -60px;
}

.m-t-none {
	margin-top: 0;
}

.m-t-xxs {
	margin-top: 1px;
}

.m-t-xs {
	margin-top: 5px;
}

.m-t-sm {
	margin-top: 10px;
}

.m-t {
	margin-top: 15px;
}

.m-t-md {
	margin-top: 20px;
}

.m-t-lg {
	margin-top: 30px;
}

.m-t-xl {
	margin-top: 40px;
}

.m-t-xxl {
	margin-top: 80px;
}

.m-t-n-xxs {
	margin-top: -1px;
}

.m-t-n-xs {
	margin-top: -5px;
}

.m-t-n-sm {
	margin-top: -10px;
}

.m-t-n {
	margin-top: -15px;
}

.m-t-n-md {
	margin-top: -20px;
}

.m-t-n-lg {
	margin-top: -30px;
}

.m-t-n-xl {
	margin-top: -40px;
}

.m-t-n-xxl {
	margin-top: -50px;
}

.m-r-none {
	margin-right: 0;
}

.m-r-xxs {
	margin-right: 1px;
}

.m-r-xs {
	margin-right: 5px;
}

.m-r-sm {
	margin-right: 10px;
}

.m-r {
	margin-right: 15px;
}

.m-r-md {
	margin-right: 20px;
}

.m-r-lg {
	margin-right: 30px;
}

.m-r-xl {
	margin-right: 40px;
}

.m-r-n-xxs {
	margin-right: -1px;
}

.m-r-n-xs {
	margin-right: -5px;
}

.m-r-n-sm {
	margin-right: -10px;
}

.m-r-n {
	margin-right: -15px;
}

.m-r-n-md {
	margin-right: -20px;
}

.m-r-n-lg {
	margin-right: -30px;
}

.m-r-n-xl {
	margin-right: -40px;
}

.m-b-none {
	margin-bottom: 0;
}

.m-b-xxs {
	margin-bottom: 1px;
}

.m-b-xs {
	margin-bottom: 5px;
}

.m-b-sm {
	margin-bottom: 10px;
}

.m-b {
	margin-bottom: 15px;
}

.m-b-md {
	margin-bottom: 20px;
}

.m-b-md-i {
	margin-bottom: 20px !important;
}

.m-b-lg {
	margin-bottom: 30px;
}

.m-b-xl {
	margin-bottom: 40px;
}

.m-b-xxl {
	margin-bottom: 80px;
}

.m-b-50 {
	margin-bottom: 50px;
}

.m-b-100 {
	margin-bottom: 100px;
}
.m-b-n-xxs {
	margin-bottom: -1px;
}

.m-b-n-xs {
	margin-bottom: -5px;
}

.m-b-n-sm {
	margin-bottom: -10px;
}

.m-b-n {
	margin-bottom: -15px;
}

.m-b-n-md {
	margin-bottom: -20px;
}

.m-b-n-lg {
	margin-bottom: -30px;
}

.m-b-n-xl {
	margin-bottom: -40px;
}
/* Custom Margins */
.m-t-2 {
	margin-top: 2px;
}

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

.m-t-7 {
	margin-top: 7px!important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-11 {
	margin-top: 11px !important;
}

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

.m-t-13 {
	margin-top: 13px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-17 {
	margin-top: 17px;
}

.m-t-18 {
	margin-top: 18px;
}

.m-t-23 {
	margin-top: 23px;
}

.m-t-25 {
	margin-top: 25px;
}

.m-t-27 {
	margin-top: 27px;
}

.m-t-36 {
	margin-top: 36px;
}

.m-t-100 {
	margin-top: 100px;
}

.m-t-n-3 {
	margin-top: -3px;
}

.m-t-n-8 {
	margin-top: -8px;
}

.m-t-n-12 {
	margin-top: -12px;
}

.m-t-n-15 {
	margin-top: -15px;
}

.m-t-n-17 {
	margin-top: -17px;
}

.m-t-n-25 {
	margin-top: -25px;
}

.m-t-n-32 {
	margin-top: -32px;
}

.m-t-n-58 {
	margin-top: -58px;
}

.m-t-n-68 {
	margin-top: -68px;
}

.m-b-3 {
	margin-bottom: 3px;
}

.m-b-4px, m-b-4 {
	margin-bottom: 4px;
}

.m-b-n-4 {
	margin-bottom: -4px;
}

.m-b-11 {
	margin-bottom: 11px;
}

.m-b-18 {
	margin-bottom: 18px;
}

.m-b-25 {
	margin-bottom: 25px;
}

.m-r-n-28 {
	margin-right: -28px;
}

.margin35 {
	margin-left: 35%;
	margin-right: 35%;
}
.m-l-24 {
	margin-left: 24px;
}
.m-l-28 {
	margin-left: 28px;
}

.m-l-96 {
	margin-left: 96px;
}

.m-l-104 {
	margin-left: 104px;
}

.m-l-135 {
	margin-left: 135px;
}

.m-l-227 {
	margin-left: 227px;
}

.m-l-242 {
	margin-left: 242px;
}

.m-l-n-3 {
	margin-left: -3px;
}

.m-l-n-8 {
	margin-left: -8px;
}

.m-l-n-36 {
	margin-left: -36px;
}

.m-l-n-40 {
	margin-left: -40px;
}

.m-l-n-60 {
	margin-left: -60px !important;
}

.space-15 {
	margin: 15px 0;
}

.space-20 {
	margin: 20px 0;
}

.space-25 {
	margin: 25px 0;
}

.space-30 {
	margin: 30px 0;
}
/* END MARGINS */

/* PADDINGS */
.p-none, .p-n, .p-0 {
	padding: 0px;
}

.p-t-none, .p-t-n, .p-t-0 {
	padding-top: 0px;
}

.p-r-none, .p-r-n, .p-r-0 {
	padding-right: 0px;
}

.p-b-none, .p-b-n, .p-b-0 {
	padding-bottom: 0px;
}

.p-l-none, .p-l-n, .p-l-0 {
	padding-left: 0px;
}

.p-xxs, .p-1 {
	padding: 1px;
}

.p-t-xxs, .p-t-1 {
	padding-top: 1px;
}

.p-r-xxs, .p-r-1 {
	padding-right: 1px;
}

.p-b-xxs, .p-b-1 {
	padding-bottom: 1px;
}

.p-l-xxs, .p-l-1 {
	padding-left: 1px;
}

.p-xs, .p-5 {
	padding: 5px;
}

.p-6 {
	padding: 6px;
}

.p-t-xs, .p-t-5 {
	padding-top: 5px;
}

.p-r-xs, .p-r-5 {
	padding-right: 5px;
}

.p-b-xs, .p-b-5 {
	padding-bottom: 5px;
}

.p-l-xs, .p-l-5 {
	padding-left: 5px;
}

.p-l-8 {
	padding-left: 8px;
}

.p-smm, .padding10, .p-10 {
	padding: 20px;
}

.p-sm, .padding10, .p-10 {
	padding: 10px;
}

.p-t-sm, .p-t-10 {
	padding-top: 10px;
}

.p-r-sm, .p-r-10 {
	padding-right: 10px;
}

.p-b-sm, .p-b-10 {
	padding-bottom: 10px;
}

.p-l-sm, .p-l-10 {
	padding-left: 10px;
}

.p-l-12 {
	padding-left: 12px;
}

.p, .p-15 {
	padding: 15px;
}

.p-t-8 {
	padding-top: 8px;
}

.p-t-13 {
	padding-top: 13px;
}

.p-t, .p-t-15 {
	padding-top: 15px;
}

.p-r, .p-r-15 {
	padding-right: 15px;
}

.p-b, .p-b-15 {
	padding-bottom: 15px;
}

.p-l, .p-l-15 {
	padding-left: 15px;
}

.p-md, .p-20 {
	padding: 20px;
}

.p-t-md, .p-t-20 {
	padding-top: 20px;
}

.p-r-md, .p-r-20 {
	padding-right: 20px;
}

.p-b-md, .p-b-20 {
	padding-bottom: 20px;
}

.p-l-md, .p-l-20 {
	padding-left: 20px;
}

.p-lg, .p-30 {
	padding: 30px;
}

.p-t-lg, .p-t-30 {
	padding-top: 30px;
}

.p-r-lg, .p-r-30 {
	padding-right: 30px;
}

.p-b-lg, .p-b-30 {
	padding-bottom: 30px;
}

.p-l-lg, .p-l-30 {
	padding-left: 30px !important; /* Needed for checkboxes */
}

.p-l-34 {
	padding-left: 34px;
}

.p-xl, .p-40 {
	padding: 40px;
}

.p-t-xl, .p-t-40 {
	padding-top: 40px;
}

.p-r-xl, .p-r-40 {
	padding-right: 40px;
}

.p-b-xl, .p-b-40 {
	padding-bottom: 40px;
}

.p-l-xl, .p-l-40 {
	padding-left: 40px;
}

.p-xxl, .p-80 {
	padding: 80px;
}

.p-t-xxl, .p-t-80 {
	padding-top: 80px;
}

.p-r-xxl, .p-r-80 {
	padding-right: 80px;
}

.p-b-xxl, .p-b-80 {
	padding-bottom: 80px;
}

.p-l-xxl, .p-l-80 {
	padding-left: 80px;
}

/* Custom Padding */
.p-td-4 td {
	padding: 4px;
}

.p-25 {
	padding: 25px;
}

.p-l-25 {
	padding-left: 25px !important; /* Needed for OrangeCheckbox labels */
}

.p-t-2 {
	padding-top: 2px;
}
.p-t-3 {
	padding-top: 3px;
}

.p-t-4 {
	padding-top: 4px;
}

.p-t-22 {
	padding-top: 22px;
}

.p-t-45, .p-t-xl {
	padding-top: 45px;
}

.p-50 {
	padding: 50px;
}

.p-l-50 {
	padding-left: 50px;
}

.p-b-50 {
	padding-bottom: 50px;
}

.p-b-60 {
	padding-bottom: 60px;
}

.p-l-60 {
	padding-left: 60px;
}

.p-l-110 {
	padding-left: 110px;
}

/* END PADDINGS */

/*body.modal-open {
  padding-right: inherit !important;
}
.l-0 {
	left:0;
}
.r-0 {
	right: 0;
}


/*POSITION*/
.x-pos {
	position: relative;
	bottom: 12px;
	left: 8px;
}
.x-pos2 {
	position: relative;
	top: 2px;
}
.x-pos-2 {
	position: relative;
	top: -2px;
}
.x-pos-3 {
	position: relative;
	top: -3px;
}
.x-pos4 {
	position: relative;
	top: 4px;
}
.pos-rel {
	position: relative;
}

.pos-absolute, .pos-abs {
	position: absolute;
}

.l-0 {
	left: 0;
}

.r-0 {
	right: 0;
}

.pos-r-t4 {
	position: relative;
	top: 4px;
}

.pos-r-t5 {
	position: relative;
	top: 5px;
}

.pos-t-m6 {
	position: relative;
	top: -6px;
}

.pos-t-145 {
	position: relative;
	top: 145px;
}
/*END POSITION*/

/* CUSTOM FONT SIZES */
.f0 {
	font-size: 0;
}

.f1 {
	font-size: 1px;
}

.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12, .font12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
	font-weight: 400;
}

.f14 {
	font-size: 14px !important;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f19 {
	font-size: 19px;
}

.f20 {
	font-size: 20px !important;
}

.f21 {
	font-size: 21px!important;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px !important;
}
.f25 {
	font-size:25px;
}
.f28 {
	font-size: 28px !important;
}

.f30 {
	font-size: 30px;
}

.f36 {
	font-size: 36px;
}

.f48 {
	font-size: 48px;
}

.f52 {
	font-size: 52px;
}
/* END FONT SIZES */

/* FONT WEIGHT */
.strong, .bold {
	font-weight: bold !important;
}

.font-bold {
	font-weight: 600;
}

.font-normal, .font-noraml, .fnormal {
	font-weight: 400;
}

.fw-200 {
	font-weight: 200;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fnormal {
	font-weight: normal;
}

/* FONT-FAMILY */
.open-sans {
	font-family: 'Open Sans';
}
/* END FONT-FAMILY */

/* CUSTOM WIDTHS */
.autowidth {
	width: auto !important;
}
.w1 {
	width: 1px;
}

.w10 {
	width: 10px;
}

.w12 {
	width: 12px;
}

.w15 {
	width: 15px;
}

.w20 {
	width: 20px;
}

.w5pct {
	width: 5%;
}

.w10pct {
	width: 10%;
}

.w15pct {
	width: 15%;
}

.w20pct {
	width: 20%;
}

.w25pct {
	width: 25%;
}

.w30pct {
	width: 30%;
}

.w30 {
	width: 30px;
}

.w35 {
	width: 35px;
}

.w30pct {
	width: 30%;
}

.w40 {
	width: 40px;
}
.w40-max {
	max-width: 40px;
}

.w40pct {
	width: 40%;	
}

.w45 {
	width: 45px;
}
.w45-pc {
	width: 45%;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w65 {
	width: 65px;
}

.w65-pc {
	width: 65%;
}

.w50pct {
	width: 50%;
}

.w70-pc {
	width: 70%;
}

.w75-min {
	min-width: 75px;
}

.w75-pc {
	width: 75%;
}

.w79-pc {
	width: 79%;
}

.w79-pc-max {
	max-width: 79%;
}

.w80 {
	width: 80px;
}

.w80-min {
	min-width: 80px;
}

.w80-pc {
	width: 80%;
}

.w83-pc {
	width: 83%;
}

.w85-pc {
	width: 85%;
}

.w80-max {
	max-width: 80px;
}

.w85-min {
	min-width: 85px;
}

.w88-pc {
	width: 88%;
}

.w90 {
	width: 90px;
}

.w90-min {
	min-width: 90px;
}

.w90pc {
	width: 90%;
}

.w95pc {
	width: 95%;
}

.w100, .full-width {
	width: 100%;
}

.w100x {
	width: 100px;
}

.w101-min {
	min-width: 101px;
}

.w105-max {
	max-width: 105px;
}

.w110 {
	width: 110px;
}

.w110-max {
	max-width: 110px;
}

.w115 {
	width: 115px;
}

.w115-min {
	min-width: 115px !important;
}

.w120 {
	width: 120px;
}

.w120-max {
	max-width: 120px;
}

.w125 {
	width: 125px;
}

.w132 {
	width: 132px;
}

.w145 {
	width: 145px;
}

.w140 {
	width: 140px;
}

.w145-min {
	min-width: 145px !important;
}

.w150 {
	width: 150px !important;
}

.w160 {
	width: 160px !important;
}

.w175 {
	width: 175px !important;
}

.w180 {
	width: 180px !important;
}

.w180-min {
	min-width: 180px !important;
}

.w180-max {
	max-width: 180px;
}

.w185 {
	width: 185px !important;
}

.w190-min {
	min-width: 190px;
}

.w190 {
	width:190px;
}

.w194-min {
	min-width: 194px;
}

.w195 {
	width: 195px;
}

.w200 {
	width: 200px !important;
}

.w210 {
	width: 210px;
}
.w200-min {
	min-width: 200px;
}

.w200-max {
	max-width: 200px;
}

.w225 {
	width: 225px;
}

.w225-max {
	max-width: 225px;
}

.w247 {
	width: 247px;
}

.w250 {
	width: 250px !important;
}

.w250-max {
	max-width: 250px;
}

.w255 {
	width: 255px;
}

.w-262 {
	width: 262px;
}

.w275 {
	width: 275px;
}

.w280 {
	width: 280px;
}
.w285-max {
	max-width: 285px;
}
.w300 {
	width: 300px;
}

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

.w325 {
	width: 325px;
}

.w325-max {
	max-width: 325px;
}

.w345-max {
	max-width:345px;
}

.w350 {
	width: 350px;
}

.w375 {
	width: 375px;
}

.w400 {
	width: 400px;
}

.w425 {
	width: 425px;
}

.w450 {
	width: 450px;
}

.w460 {
	width: 460px;
}

.w450-max {
	max-width: 450px;
}

.w475 {
	width: 475px;
}

.w500 {
	width: 500px;
}

.w525 {
	width: 525px;
}

.w550 {
	width: 550px;
}

.w575 {
	width: 575px;
}

.w600 {
	width: 600px;
}

.w600-max {
	max-width: 600px;
}

.w636 {
	width: 636px;
}

.w625 {
	width: 625px;
}

.w650 {
	width: 650px;
}

.w680 {
	width: 680px;
}

.w736 {
	width: 736px;
}

.w710 {
	width: 710px;
}

.w746 {
	min-width: 746px;
}

.w750 {
	width: 750px;
}

.w762 {
	width: 762px;
}

.w746 {
	min-width: 746px;
}

.w757 {
	width: 757px;
}

.w792 {
	width: 792px;
}

.w800 {
	width: 800px;
}

.w800 {
	width: 800px;
	margin: auto;
	margin-bottom: 40px;
}

.w800-min {
	min-width: 800px;
}

.w806 {
	width: 806px;
}

.w814 {
	width: 814px;
}

.w820 {
	width: 820px;
}

.w840 {
	width: 840px;
}

.w860 {
	width: 860px;
}

.w871 {
	width: 871px;
}

.w900 {
	width: 900px;
}

.w925 {
	width: 925px;
}

.w940 {
	width: 940px;
}

.w940-min {
	min-width: 940px;
}

.w960 {
	width: 960px;
}

.w980 {
	width: 980px;
}

.w980-min {
	min-width: 980px;
}
.w1082 {
	width: 1082px;
}
.w1100 {
	width: 1100px;
}
.w1112 {
	width: 1112px;
}
.w1174 {
	width: 1174px;
}
.w1160 {
	width: 1160px;
}
.w1200 {
	width: 1200px;
}

.w1200-max {
	max-width: 1200px;
}
/* END CUSTOM WIDTHS */

/* CUSTOM HEIGHTS */
.h-auto {
	height: auto !important;
}

.h100pct {
	height: 100%;
}

.h17 {
	height:17px;
}
.h22 {
	height: 22px;
}

.h28 {
	height: 28px;
}

.h25 {
	height: 25px;
}

.h25-min {
	min-height: 25px;
}

.h26 {
	height: 26px;
}

.h30 {
	height: 30px !important;
}
.h30-min {
	min-height: 30px !important;
}

.h34 {
	height: 34px;
}

.h36 {
	height: 36px;
}

.h38 {
	height: 38px;
}

.h40 {
	height: 40px;
}

.h50 {
	height: 50px;
}

.h53 {
	height: 53px;
}

.h53-min {
	min-height: 53px;
}

.h60 {
	height: 60px;
}

.h65 {
	height: 65px;
}
.h75 {
	height: 75px;
}
.h81 {
	height: 65px;
}
.h85 {
	height:85px;
}
.h100 {
	height:100px;
}
.h120-min {
	min-height: 120px;	
}

.h120 {
	height: 120px;
}

.h140 {
	height: 140px!important;
}

.h150-max {
	max-height: 150px;
}

.h200 {
	height: 200px;
}

.h200-max {
	max-height: 200px;
}

.h200 {
	height: 200px;
}

.h260 {
	height: 260px;
}
.h300 {
	height: 300px;
}

.h350 {
	height: 350px;
}

.h350-min {
	min-height: 350px;
}

.h360-min {
	min-height: 360px;
}

.h360-max {
	max-height: 360px;
}

.h450 {
	height: 450px;
}
.h500 {
	height:500px;
}
.h650 {
	height: 650px;
}

.h700 {
	height: 700px;
}

.h800-min {
	min-height: 800px;
}
/* END CUSTOM HEIGHTS */

/* BORDER */
.no-border {
	border: 0;
}

.b-t-2 {
	border-top: 2px solid #ccc;
}

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

.border-right {
	border-right: 1px solid #ccc;
}

.gray-border-1 {
	border: 1px solid #ccc;
}

.gray-border-2 {
	border: 2px solid #ccc;
}
.gray-border3 {
	border: 1px solid rgb(201, 209, 215);
}
.gray-border-top {
	border-top: 4px solid #ccc;
}

.border-gray-top-1 {
	border-top: 1px solid #ccc;
}

.border-lightgray {
	border: 1px solid #c9d1d7;
}
.b-t-none {
	border-top:none !important;
}
.b-t-blue {
	border-top: 1px solid #5299D3;
}

.b-t-lightgray {
	border-top: 1px solid #c9d1d7;
}

.b-l-lightgray {
	border-left: 1px solid #c9d1d7;
}
.b-l-lightgray2 {
	border-left: 2px dashed #eee;
}

.b-r-ccc, .border-right, .b-r {
	border-right: 1px solid #ccc;
}

.b-l-ccc, .b-l {
	border-left: 1px solid #ccc;
}

.border-bottom, .gray-border-bottom-1 {
	border-bottom: 1px solid #ccc;
}

.border-bottom-nav {
	border-bottom: 2px solid orange;
}

.border-bottom-dot {
	border-bottom: 1px dotted;
}

.b-b-none {
	border-bottom: none !important;
}

.b-bottom-lightgray {
	border-bottom: solid 1px #c9d1d7;
}

.border-error {
	border: 2px solid red !important;
}

.border-lightblue-1 {
	border: 1px solid #6C96Bd;
}

.border-blue-1 {
	border: 1px solid rgb(73, 116, 145);
}

.border-black-1 {
	border: 1px solid black;
}

.border-f1 {
	border: 1px solid #f1f1f1;
}

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

.border-orange {
	border: 1px solid rgb(238, 161, 39);
}
/* END BORDER */

/* BORDER-SPACING */
.b-p-3 {
	border-spacing: 3px;
}
/* BORDER-COLLAPSE */
.b-separate {
	border-collapse: separate;
}
/* END BORDER-COLLAPSE */

/* BOX-SHADOW */
.bshadow-gray-2 {
	-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
}

.bshadow-gray-3 {
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
}

.bshadow-lightgray {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0470588235294118);
}

.bshadow-gray-4 {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.bshadow-gray-5 {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}
.bshadow-prog {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0
		rgba(0, 0, 0, 0.24);
}

.bshadow-history {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0
		rgba(0, 0, 0, 0.24);
}

/* END BOX-SHADOW */
.tshadow-black-2 {
	text-shadow: 2px 2px 3px #191818;
}
/* BORDER-RADIUS */
.no-radius {
	border-radius: 0;
}

.br-1 {
	border-radius: 1px;
}

.br-2 {
	border-radius: 2px;
}

.br-3 {
	border-radius: 3px;
}

.br-4 {
	border-radius: 4px;
}

.br-5 {
	border-radius: 5px;
}

.br-6 {
	border-radius: 6px;
}

.br-7 {
	border-radius: 7px;
}

.br-8 {
	border-radius: 8px;
}

.br-t-3 {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.br-t-10 {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

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

.br-100 {
	border-radius: 100px;
}

/* END BORDER-RADIUS */

/* TEXT-TRANSFORM */
.lc {
	text-transform: lowercase;
}

.uc {
	text-transform: uppercase;
}

.cap {
	text-transform: capitalize;
}

.text-uppercase {
	text-transform: uppercase;
}

em {
	font-style: italic;
}
/* END TEXT-TRANSFORM */

/* OVERFLOW */
.ovf-a {
	overflow: auto;
}

.ovf-h {
	overflow: hidden !important;
}

.ovfx-h {
	overflow-x: hidden;
}

.ovfy-h {
	overflow-y: hidden;
}

.ovfx-a {
	overflow-x: auto;
}

.ovfy-a {
	overflow-y:auto;
}

.ovf-s {
	overflow: scroll;
}
/* END OVERFLOW */

/* BLOCK */
.inline-block, .i-block {
	display: inline-block;
}

.block {
	display: block;
}

.inline, .i {
	display: inline;
}
/* END BLOCK */

/* FONT STYLE */
.em {
	font-style: italic;
}
/* END FONT STYLE */

/* FLOATS */
.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.pull-none {
	float: none !important;
}
/* END FLOATS */

/* VERTICAL-ALIGN */
.va-inherit {
	vertical-align: inherit;
}

.va-super {
	vertical-align: super;
}

.va-top {
	vertical-align: top;
}

.va-middle {
	vertical-align: middle !important;
}

.va-bottom {
	vertical-align: bottom;
}

.va-text-top {
	vertical-align: text-top;
}

/* Forces bootstrap grid columns to vertically center */
.row.vcenter>[class*="col-"] {
	display: inline-block;
	float: none !important;
	vertical-align: middle;
}

.va-flex {
	display: flex;
	align-items: center;
	/*display: -ms-flexbox;
    display: -webkit-flex;*/
}
.va-flex-bottom {
	display:flex;
	align-items:flex-end;
}
/* END VERTICAL-ALIGN */

/* FLEX */
.flex-wrap {
	flex-wrap: wrap;	
}

/* END FLEX */

/* DISPLAY */
.hidden {
	display: none;
}

.show {
	display: block;
}

.d-table {
	display: table;
}
/* END DISPLAY */

/* WRAP */
.nowrap {
	white-space: nowrap;
}

.wrap {
	white-space: normal;
}

.wsPreWrap {
	white-space: pre-wrap;
}

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

/* END WRAP */

/* CURSOR */
a {
	cursor: pointer;
}

.pointer, .cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor: default;
}

.cursor-alias {
	cursor: alias;
}

.cursor-move {
	cursor: move;
}
/* END CURSOR */

/* HOVER */
.hover {
	opacity: .4;
}

.hover:hover {
	opacity: 1;
}
.hover-blue-ul:hover {
	text-decoration:underline;
	color: #0087ce;
}
.hover-blue:hover {
	text-decoration: underline;
    color: #5299d3!important;
}
/* END HOVER */

/* WORDBREAK */
.break-all {
	word-break: break-all;
}
/* END WORDBREAK */

/* OTHERS */
.b-w-l {
	width: 160px;
}

.b-w-m {
	min-width: 130px;
}

.text-ccc {
	color: #666;
	/*this was changed from color #ccc to #666 due to WAND-20967 */
}

.required-text {
	font-weight: bold;
	font-style: italic;
	color: #f77;
	font-size: 12px;
	margin-left: 2px;
}

.img-circle {
	height: 38px;
	width: 38px;
}

img.circle-border {
	border: 6px solid #FFFFFF;
	border-radius: 50%;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.asterisk {
	color: #FF9933;
}

.wordbreak-all {
	word-break: break-all
}

.lh0, .lheight0 {
	line-height: 0;
}

.lh-initial, .lheight-initial {
	line-height: initial;
}

.lh-normal, .lheight-normal {
	line-height: normal;
}

.lh34 {
	line-height: 34px;
}

.lh55 {
	line-height: 55px;
}

.lh60 {
	line-height: 60px;
}

.clear {
	display: block;
	overflow: hidden;
}

.hr-line-dashed {
	border-top: 1px dashed #e7eaec;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin: 20px 0;
}

.hr-line-solid {
	border-bottom: 1px solid #e7eaec;
	background-color: rgba(0, 0, 0, 0);
	border-style: solid !important;
	margin-top: 15px;
	margin-bottom: 15px;
}

.hr-line-dashed-bottom {
	border-bottom: 1px dashed #e7eaec;
}

input[type=text]::-ms-clear {
	display: none;
	/* This clears x marks on input  type on IE10 and above */
}

/* Hide HTML5 Number Spin Boxes */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
    -moz-appearance: textfield;
}
/* END OTHERS */

/* TRANSITIONS */
.show-hide-500 {
	transition: all linear 0.5s;
}

.show-hide-500.ng-hide {
	opacity: 0;
}
/* END TRANSITIONS*/
.avatarInitials {
	width: 52px;
	height: 52px;
	line-height: 52px;
	font-size: 21px;
	text-transform: uppercase;
	text-align: center;
}

.breakword {
	word-break: break-all;
}
.errorBox {
	font-size:12px;
	border:1px solid red;
	border-radius:4px;
	background:rgb(255, 248, 249);
	color:red;
	padding: 9px;
	text-align:left;
}
.errorBox1 {
	font-size: 14px;
	font-weight: bold;
	color: red;
	background: rgb(255, 238, 238);
	border: 2px solid red;
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.error-box {
	width: fit-content;
	box-sizing: border-box;
	min-height: 30px;
	border: 2px solid #fe2851;
	border-radius: 3px;
	background-color: #ffeeee;
	padding: 7.5px 10px 7.5px 10px;
	font-size: 10px;
	color: #fe2851;
	font-weight: 600;
	display: inline-block;
	height: 30px !important;
	line-height: 6px;
	vertical-align: middle;
	padding: 10px;
	margin-left: 10px;
}
.wand-accordion.active .error-box {
  display: inline-block;
}
.wand-accordion:not(.active) .error-box {
  display: none;
}

/* PLUGIN OVERRIDES START */
/* Datatable Start */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
	background: initial !important;
	white-space: nowrap;
}

table.table thead .sorting_desc:before, table.table thead .sorting_asc:before
	{
	visibility: hidden;
	padding: 0;
}

table.dataTable thead .sorting_asc:after {
	content: "\f0de";
	float: initial;
	font-family:fontawesome, 'Font Awesome 5 Pro';
	padding-left: 5px;
	color: gray;
	background-image: initial !important;
}

table.dataTable thead .sorting_desc:after {
	content: "\f0dd";
	float: initial;
	font-family:fontawesome, 'Font Awesome 5 Pro';
	padding-left: 5px;
	color: gray;
	background-image: initial !important;
}

table.dataTable thead .sorting:after {
	content: "\f0dc";
	float: inherit;
	font-family:fontawesome, 'Font Awesome 5 Pro';
	padding-left: 5px;
	color: gray;
	background-image: initial !important;
}
/* End DataTable */

/** Bootstrap btn-group CSS Override Start **/
.btn-group.dropdown.open .btn {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group.dropdown .dropdown-menu {
	border: 2px solid #6c96bd;
	margin-top: 0;
	border-top-left-radius: 0;
	padding: 0;
}

.btn-group.dropdown li {
	cursor: pointer;
	background: white;
	color: #6C96Bd;
	padding: 8px 0 8px 12px;
	font-weight: 600;
}

.btn-group.dropdown li:hover {
	background: #e2eaf2;
}
/** End Bootstrap btn-group Override CSS **/

/** Start multiselect overrides **/
multiselect .dropdown-menu .divider {
	margin:0;
}
/** End multiselect overrides **/

/* Gives select dropdowns custom icons */
.blue-select::-ms-expand, .black-select::-ms-expand{
	display:none;
}
.blue-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('/media/images/blue-caret-down.png') right / 15px no-repeat #fff;
	background-color:transparent;
	padding-right: 15px;
	background-size: 8px;
}
.black-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('/wand/images/black-caret-down.png') right / 15px no-repeat #fff;
	background-color:transparent;
	padding-right: 15px;
	background-size: 8px;
	color:black;
}
/* End custom select dropdown icons */

/* Date Range Picker Start */
.daterangepicker {
	color: #666666;
}

.daterangepicker table {
	border-collapse: inherit;
	border-spacing: 5px;
}

.daterangepicker .calendar-table {
	border: none;
}

.daterangepicker .calendar.left .calendar-table {
	border-right: 1px solid #ccc;
}

.daterangepicker .calendar.right .calendar-table {
	margin-left: 5px;
}

.daterangepicker .ranges {
	clear: both;
	text-align: right;
	width: 100%;
	padding-right: 20px;
	padding-top: 10px;
}

.daterangepicker .calendar th.prev, .daterangepicker .calendar th.next {
	color: #ccc;
}

.daterangepicker th.month {
	font-size: 16px;
	font-weight: 300;
}

.daterangepicker th.prev:hover, .daterangepicker th.next:hover {
	color: #666666;
	background: initial;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
	border-radius: 5px;
	padding: 0;
}

.daterangepicker td.available:hover {
	background: #c6dcf6;
	color: white;
}

.daterangepicker td.start-date, .daterangepicker td.in-range {
	background: #ff9933;
	color: white;
	font-weight: bold;
}

.daterangepicker .btn {
	font-size: 14px;
}

.daterangepicker .btn-success {
	float: right;
	padding: 6px 10px 6px 10px;
	margin: 0 0 10px 5px;
}
/* End Date Range Picker */

/* Datepicker-dropdown Start */
/* WAND-142513 */
.datepicker-dropdown {
	z-index:99999 !important;
}
/* End Datepicker-dropdown */

.white-blue-tooltip .tooltip-inner {
	color: #666666;
	background-color: white;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	max-width: 390px;
	border: 2px solid #6c96bd;
	text-align: left;
}

.white-blue-tooltip>.tooltip-arrow {
	border-top-color: #6c96bd !important;
}

/* Start bootstrap pagination overrides */
.pagination li.disabled a, .pagination li.disabled a:hover, .pagination li.disabled a:focus {
    color: #c9d1d7 !important;
    background-color: #f6f7f9;
}
.pagination .pagination-page.active {
	font-weight: bold;
}
/* End bootstrap pagination overrides */

/* Start JQUERY UI Dialog Overrides */
    .ui-widget-overlay {
    	opacity:.6 !important;
    	background:black !important;
    }
	.WandJQDlg.ui-dialog {
		padding:20px !important;
		box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.15);
		background: #f6f7f9;
	}
	.WandJQDlg .ui-dialog-titlebar {
	    background: none;
    	border: none;
    	padding:0 !important;
    }
	.WandJQDlg .ui-dialog-title {
	    text-transform:capitalize !important;
	    font-family:'Open Sans';
	    font-weight: 300;
	    font-size: 24px;
	}
	.WandJQDlg .ui-dialog-content {
		font-family: "Open Sans";
		font-size:24px;
		color:#666666;
		padding:0 !important;
		font-size:14px;
	}
   	.WandJQDlg .ui-dialog-buttonpane {
		border:none;
		padding:0 !important;
	}
	.WandJQDlg button.btn-default {
	    background-color: #fff !important;
		background-image:none;
		border:none;
	    text-shadow:none;
		margin-right: 21px !important;
	}
	.WandJQDlg button.btn-success {
	    background-color: #5299d3 !important;
	    background-image:none;
	    border-color: #6c96bd !important;
	    text-shadow:none;
	    padding: 0 25px;
	}
	.WandJQDlg .ui-dialog-titlebar-close {
	    background: none !important;
	    border: none !important;
	    background-image: url(/media/images/x-grey.svg) !important;
	    width: 14px !important;
	    height: 14px !important;
	    margin-top:10px;
    }
    .WandJQDlg .ui-dialog-titlebar-close .ui-button-text {
    	line-height:0;
    }
	.WandJQDlg .ui-icon-closethick, .ui-state-default .ui-icon {
		background-image:none;
	}
	.WandJQDlg .ui-dialog .ui-dialog-buttonpane button {
		margin:0;
	}
	.WandJQDlg .ui-dialog button:active, .ui-dialog button:focus {
	    box-shadow: none;
	    outline:none;
	}
/* End JQUERY UI Dialog Overrides */
/** END PLUGIN OVERRIDES **/
.errorInput {
	border: 1px solid #f00;
}

.red-line-through {
	text-decoration: line-through;
	text-decoration-color: red;
}

/* LINKS */
.hover-ul:hover {
	text-decoration: underline
}

.btn-group-filter {
	background-color: #fff !important;
    border-color: #6c96bd;
    color: #5299d3;
    border: solid 1px #c9d1d7;
    font-size: 12px;
    min-width: 100px;
    font-weight: 600;
    height: 35px;
}
.btn-group-filter:hover {
	border: 1px solid #5299d3;
	color: #5299d3;
}
.btn-group-filter:focus, .btn-group-filter:hover {
	border: 1px solid #5299d3;
}
.btn-group-filter.active {
	background-color: #e0e3e7 !important;
	color: #2a394f;
	border: 1px solid #e0e3e7;
	font-weight: 600;
	box-shadow: none;
	height: 32px;
	margin-left: 0px !important;
	font-weight: bold;
	opacity: 1;
	height: 35px;
}

@
-ms-viewport {
	width: auto !important;
}

.modal-777 .modal-dialog {
	width: 777px;
}

.modal-mt-150 {
	margin-top: 150px;
}

.opac-1 {
	opacity: 1.0 !important;
}

.opac-04 {
	opacity: .4 !important;
}

.blue-box {
	cursor: pointer;
	font-family: font-awesome;
	line-height: 19px;
}

.blue-check-box {
	/*background: url(/media/images/BlueCheck_True_Enabled.png) no-repeat; */
    /* background-position: top left; */
    /* display: inline-block; */
    padding: 2px 1px 1px 4px;
    /* background-size: 19px !important; */
    background-color: #5299d3;
}

.blue-check-box-Off {
	/* background: url(/media/images/BlueCheck_False.png) no-repeat; */
    /* background-position: top left; */
    /* display: inline-block; */
    padding: 2px 1px 1px 13px;
    /* background-size: 19px !important; */
    border: 1px solid #ccc;
}
span.blue-check-box:before {content: "✔"; color:#ffffff;}

.blue-check-box-Partial {
	/* background: url(/media/images/BlueCheck_Indeterminate.png) no-repeat; */
    /* background-position: top left; */
    /* display: inline-block; */
    padding: 2px 0 2px 3px;
    /* background-size: 19px !important; */
    /* border: 1px solid #ccc; */
	background-color: #5299d3;
}
span.blue-check-box-Partial:before {content: "\2014"; color:#ffffff; font-weight:bold}

.blue-toogle-switch {
	cursor: pointer;
	font-family: monospace;
	width: 100px ! important;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fff;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 8px 9px 10px 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #5299d3;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #fff;
}

.blue-toggle-switch-on {
	background: url('/wand/images/toggle-switch-on.svg') no-repeat;
	background-position: top left;
	display: inline-block;
	padding: 0 0 0 29px;
	background-size: 35px !important;
}

.blue-toggle-switch-off {
	background: url('/wand/images/toggle-switch-off.svg') no-repeat;
	background-position: top left;
	display: inline-block;
	padding: 0 0 0 29px;
	background-size: 35px !important;
}

.blue-toggle-switch-indeterminate {
	background: url('/wand/images/toggle-switch-indeterminate.svg') no-repeat;
	background-position: top left;
	display: inline-block;
	padding: 0 0 0 29px;
	background-size: 35px !important;
}
/* TABSET NAV OVERRIDES */
.ui-tabs-scrollable > .nav-button.right-nav-button:before {
    font-family:fontawesome, 'Font Awesome 5 Pro';
    content: '\f054';
    color: #637a89;
 }
 .ui-tabs-scrollable > .nav-button.left-nav-button:before {
    font-family:fontawesome, 'Font Awesome 5 Pro';
    content: '\f053';
    color: #2a394f;
 }
 .ui-tabs-scrollable.show-drop-down > .nav-button.right-nav-button {
 	right: 0;
  }
  .ui-tabs-scrollable > .nav-button {border:none!important; background-color: transparent!important;}
  .ui-tabs-scrollable > .nav-button:hover {
    background-color: transparent;
    }
/* END TABSET NAV OVERRIDES */

/* REMOVES ARROW ON SELECT DROPDOWNS FOR FF AND IE WHEN DISABLED*/
select:disabled {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
/*For IE10+*/
select:disabled::-ms-expand {
    display: none;
}
/* END REMOVES ARROW */

.mask-row {
	background-color: rgba(0,0,0,0.4) !important;
}

.excellent-rectangle-bar {
	height: 5px;width: 18px;border-radius: 3.5px;background-color: #00AA88;
}
.good-rectangle-bar {
	height: 5px;width: 18px;border-radius: 3.5px;background-color: #4BA8F4;
}
.moderate-rectangle-bar {
	height: 5px;width: 18px;border-radius: 3.5px;background-color: #E6A108;
}
.low-rectangle-bar {
	height: 5px;width: 18px;border-radius: 3.5px;background-color: #ADADAD;
}

/* AUTO SCROLL */
.scroll-400, .scroll-400-100 {
	overflow-y: auto;
	overflow-x: hidden; 
	max-height:400px; 
	/*min-height:100px;*/ 
	margin-bottom:20px; 
	border-bottom:solid 1px #c9d1d7;
}
.scroll-400-50 {
	overflow-y: auto; 
	overflow-x: hidden; 
	max-height:400px; 
	min-height:50px; 
	margin-bottom:20px; 
	border-bottom:solid 1px #c9d1d7;
}
.scroll-500-100 {
	overflow-y: auto;
	overflow-x: hidden; 
	max-height:500px; 
	/*min-height:100px;*/  
    margin-bottom: 20px;
    border-top: solid 1px #c9d1d7;
    border-bottom: solid 1px #c9d1d7;
}
.scroll-36vh-100 {
	overflow-y: auto;
	overflow-x: hidden; 
	max-height:36vh; 
	/*min-height:100px;*/ 
    margin-bottom: 20px;
    border-top: solid 1px #c9d1d7;
    border-bottom: solid 1px #c9d1d7;
}
/* END AUTO SCROLL */

/* Corrective Edit and History icon  and text size for consistency */
i.far.fa-edit {font-size: 14px; font-weight: 200; position: relative; top:-2px; color:#5299D3;}
i.fal.fa-history, i.far.fa-history, i.far.fa-plus-circle {font-size: 14px; font-weight: 200; position: relative; top:-1px; color:#5299D3;}
div.opaqueElement > a > span.va-top {font-size:11px; color:#5299D3;}
div.opaqueElement > div > a > span.va-top {font-size:11px;color:#5299D3;}
div.opaqueElement > div > div > a > span.va-top {font-size:11px;color:#5299D3;}
form > a > span.va-top {font-size:11px; color:#5299D3;}
span > a > span.va-top {font-size:11px; color:#5299D3;}
section > div > a > span {font-size:11px; color:#5299D3; position: relative; top: -2px}
section > div > a > span.va-top {font-size:11px; color:#5299D3; position: relative; top: -1px}

/* Hovers */
a > i.far.fa-edit:hover {color:  #1b6aa9;}
a > i.fal.fa-history:hover {color: #1b6aa9;}
div.opaqueElement > a > span.va-top:hover {color:#1b6aa9;}
div.opaqueElement > div > a > span.va-top:hover {color: #1b6aa9;}
div.opaqueElement > div > div > a > span.va-top:hover {color: #1b6aa9;}
form > a > span.va-top:hover {color: #1b6aa9;}
span > a > span.va-top:hover {color: #1b6aa9;}
section > div > a > span:hover {color: #1b6aa9;}
section > div > a > span.va-top: hover {color: #1b6aa9;}
/* END Corrective Edit and History icon  and text size for consistency */

.blue-icon-label {
	font-size: 11px;
	color:#5299d3;
	vertical-align: 2px;
	margin-left:4px;
	font-weight:300;
}

/* Modal Close Icon Start */
.modal-close-icon  {
	font-size:30px;
	font-weight:300;
	float:right;
	line-height:20px;
	cursor:pointer;
	color:black;
	opacity:0.4;
}
.modal-close-icon:before {
	content:"\D7";
}
.modal-close-icon:hover {
	opacity:1;
}

.noresize {
	resize:none;
}

/* New tab navigation with orange underline */
ul.tab-container li {
	display:inline-block;
	padding:0 10px 0 10px;
	color:#637a89;
	font-weight:300;
}
ul.tab-container li:not(.active):first-child {
	padding-left:0;
}
ul.tab-container li.active {
    border-bottom: 2px solid orange;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}
ul.tab-container li:not(.active):hover {
	color:#5299d3;
	cursor:pointer;
}
ul.tab-container.small li {
	font-size:12px;
}

/* End new tab navigation */

/* Badge Start */
.gray-badge, .mint-badge, .darkmint-badge {
	display:inline-block;
	line-height:22px;
	color: #2a394;
	font-size:12px;
	font-weight:normal;
    margin-right: 10px;
    margin-bottom:10px;
    padding:0 10px 0 10px;
    border-radius:15px;
}
.gray-badge i, .mint-badge i, .darkmint-badge i {
	vertical-align:middle;
}
.gray-badge { background-color: #C9D1D7; border:1px solid #C9D1D7; }
.transparent-badge { background-color:transparent; border:1px solid #C9D1D7; }
.mint-badge { background-color:rgb(226, 246, 244); border:1px solid rgb(112,209,199); }
.mint-badge:hover, .mint-badge.dropdown.open:hover { border-width:2px; padding:0 9px 0 9px; line-height:20px; }
.darkmint-badge, .mint-badge.dropdown.open { background-color:rgb(112,209,199); border:1px solid rgb(112,209,199);}
.badge .fa-times {
	color: #2a394f;
	cursor:pointer;
	margin-left:5px;
}
.badge .fa-times:hover {
	color: black;
	
}
.badge .caret-icon:before {
	margin-left:10px;
	content: "\f0d7";
	font-family: 'Font Awesome 5 Pro', fontawesome;
	cursor:pointer;
}
.badge.dropdown.open .caret-icon:before {
	content: "\f0d8";
}
/* End Badge */

/* EMPTY LIST ROW */
.emptyListRow, .emptyComplianceList, .emptyMileage, .emptyContacts, .emptyHoliday, .emptyInvState {
    background-color: white;
    border-radius: 3px;
    border: dashed 1px #5299d3;
    color: #5299d3;
    line-height: 53px;
    padding-left:15px;
}

/* Progress Bar Start */
.wand-progress-bar.progress {
	height:5px;
	margin:0;
	background-color:rgb(187,215,237);
}
.wand-progress-bar.progress .progress-bar-success {
	background-color:#5299d3;
}
/* End Progress Bar */

/* Remove icon Start */
i.remove-icon {
	font-size:30px;
	font-weight:300;
	cursor:pointer;
	color:black;
	opacity:0.4;
}
i.remove-icon:hover {
	opacity:1;
}
i.remove-icon:before {
	content:"\D7";
}
/* End Remove icon */

.activeBluePane {
	border:1px solid rgb(84,152,207);
	background:rgb(246,250,253);
}
/* End Remove icon */

/* DATA ROWS */
.data-row-header {
	margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color:#6c788a;
    font-weight: bold;
}

.data-row-header label {
	font-weight:bold;
}
.data-row {
	background-color: white;
    padding-left: 15px;
    min-height: 53px;
    border: 1px solid #c9d1d7;
    border-radius: 3px;
    white-space: nowrap;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    color: #676a6c;
}
    
.data-rows-header {
	margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
	color:#6c788a;
}
.data-rows {
	margin: 0;
    min-height: 53px;
    border-bottom: solid 1px #c9d1d7;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding-left: 15px;
    color: #676a6c;
}

.container-striped>.row:nth-child(odd) {
	background: #fff;
}

.container-striped>.row:nth-child(even) {
	background: #fafbfd;
}
.container-striped > .data-rows:nth-child(odd) {
    background: #fff;
} 
.container-striped > .data-rows:nth-child(even) {
    background: #fafbfd;
}
.container-striped-darker>.row:nth-child(odd) {
	background: #fff;
	border-bottom: #e2e2e2 1px solid;
}

.container-striped-darker>.row:nth-child(even) {
	background: #fbfafa;
	border-bottom: #e2e2e2 1px solid;
}
.container-striped > .data-rows:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.container-striped > .data-rows:last-child {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
    /* END DATA ROWS */
    
.pointer-auto { 
	pointer-events: auto;
}/* End Remove icon */

/* Elevated Container Start */
.elevated-container {
	background:white;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
	border: 1px solid #C9D1D7;
	border-radius:4px;
}
/* End Elevated Container */

/* Start Thumbnail Upload UI (Config -> Client -> Branding) */
.thumbnail {
	display:inline-block;
	border-color: rgb(100,122,136);
	border-width:1px;
	border-style:solid;
	line-height:100px;
	width:102px;
	height:102px;
	border-radius:4px;
	text-align:center;
	margin:0;
	padding:0;
}
.remove-image-span {
	background:gray;
	color:white;
	width:100%;
	line-height:20px;
	position:relative;
	margin-top:-20px;
	cursor:pointer;
	font-weight:300;
	text-align:center;
	font-size:9px;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.thumbnail-empty {
	background: url('/wand/images/thumbnail.png') no-repeat;
	background-size:100px 100px;
	display:inline-block;
	width:100px;
	height:100px;
	cursor:pointer;
}

.thumbnail img {
	max-width:100px;
	max-height:100px;
}
/* End Thumbnail Upload UI */
/* TEXT SPACING */
.letter-space-2 {letter-spacing: 0.2px}
/* End TEXT SPACING */

/* WAND-153911  - Update Profile Dropdown UI*/
ul.profile-links > a {margin-top: 4px; margin-left: 10px; padding: 10px; letter-spacing: 0.2px; padding-left: 56px; display:block}
ul.profile-links > a > img[src="/wand/images/help-icon.png"], img[src="/wand/images/email-icon.png"], img[src="/wand/images/logout-icon.png"]{margin-right: 20px;}
ul.profile-links > a {font-size: 13px; color: #888; font-weight: 400;}
ul.profile-links > a:last-child {margin-bottom: 15px}
ul.profile-links > a:hover {background-color: #f3f8fc; cursor: pointer;}
ul.profile-links > a:hover {padding-top:10px}
ul.profile-links > a:hover a {display: block; color: color:#5299d3;}
ul.profile-links > a {background-repeat: no-repeat;background-position: 10px;}
ul.profile-links > a:first-child {background-image: url(/wand/images/icon-user.png);margin-top: 22px;}
ul.profile-links > a:first-child:hover {background-image: url(/wand/images/icon-user-on.png);}
ul.profile-links > a:nth-child(2) {background-image: url(/wand/images/icon-help.png);}
ul.profile-links > a:nth-child(2):hover {background-image: url(/wand/images/icon-help-on.png);}
ul.profile-links > a:nth-child(3) {background-image: url(/wand/images/icon-email.png);}
ul.profile-links > a:nth-child(3):hover {background-image: url(/wand/images/icon-email-on.png);}
ul.profile-links > a:nth-child(4) {background-image: url(/wand/images/icon-logout.png);}
ul.profile-links > a:nth-child(4):hover {background-image: url(/wand/images/icon-logout-on.png);}
ul.profile-links > a:nth-child(4) {background-image: url(/wand/images/icon-logout.png);}
ul.profile-links > a:nth-child(4):hover {background-image: url(/wand/images/icon-logout-on.png);}
.dropdown-menu {
	border-radius: 4px;
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14);
	background-color: #fff
}
.dropdown-menu.rnav-pos-log {
	min-height: 310px;
	width: 304px; 
	z-index: 1001 /* one layer above class=z1000 to fix WAND-350706 */
	}

/* this provides the light bottom border */
ul.profile-links > a:after {
    content: ""; 
    display: block;
    margin: 0 auto; 
    width: 104%;
    padding-top: 4px;
    border-bottom: 1px solid #efefef;
    position: relative;
    top: 9px;
}

/* END -this provides the light bottom border */
/* End WAND-153911  - Update Profile Dropdown UI*/

/* WAND-154702 -  to disable animations */

.no-animate {
   -webkit-transition: none !important;
   transition: none !important;
}

/* End WAND-154702 */

.ratePointEditFormPanel i {
	width: 12px;
}

.marketRate-date-input {
	margin-left: 12px;
}

.marketRate-date-input span {
	position: absolute;
    margin-left: -20px;
    margin-top: 8px;
}

.marketRate-view {
	margin-top: 10px;
    margin-left: 10px;
}

.marketRate-view .date-text {
	margin-left: 11px;
}

.trial-date-label {
	font-size:13px;
}

.marketRate-date-input input{
	border-style: none !important;
    border-bottom: 1px solid gray !important;
    border-radius: inherit;
}