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

/* START TABLE OF CONTENTS */

	/* BUTTONS */
	/* FOOTER BUTTONS */
	/* HEADERS/LABELS */
	/* HEADERS/LABELS */
	/* BACKGROUND COLORS */
	/* COLORS */
	/* CUSTOM COLORS */
	/* UI KIT COLORS */
	/* ORANGE CHECKBOX/RADIO */
	/* BLUE CHECKBOX/RADIO */
	/* BLUE SLIDER */
	/* 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 */
	/* BUTTON GROUPS */
	/* PLACEHOLDER */
	/* OTHERS */
	/* CARD CONTAINERS */
	/* DATA ROWS */
	/* TEXT SPACING */
	/* PROFILE DROPDOWN */
		
/* END TABLE OF CONTENTS */

/**** BUTTONS ****/
.btn {
	transition:100ms background, 100ms color;
}
.gray-button, .btn-stroke, .btn-secondary {
	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 {
	color: #FFFFFF;
	/*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-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus,
	.btn-primary.disabled:active, .btn-primary.disabled.active,
	.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus,
	.btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary,
	fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus,
	fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active
	{
	background-color: #357fbb;
}

.btn-primary2, .btn-default, .btn-footer-o {
	/*min-width: 134px;*/
  	height: 38px;
  	border-radius: 100px;
  	background-color: #ffffff;
  	border: solid 1px #5299d3;
  	color: #5299d3;
  	font-size:14px;
}
.btn-primary2:hover, .btn-default:hover, .btn-footer-o:hover {
	border: solid 2px #357fbb;
	color: #357fbb;
}
.btn-primary2:active, .btn-default:active, .btn-footer-o: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;
}
/* Footer button size fixes - non-config */
footer.save-cancel .btn {min-width:134px;}
footer.fixed > button.btn.btn-default, footer.fixed > .btn-success {min-width:134px;}
footer.fixed.text-right {text-align: center}

/*** 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;
    font-size:12px;
    font-weight: 600;
}
.btn-in-primary:hover {
	background-color:#357fbb; 
}
.btn-in-primary:active {
	background-color:#1b6aaa; 
}

.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;
}
.btn-primary3{
	background-color: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #2a394f;
    width: auto;
    min-width: 134px;
	height: 30px;
	border-radius: 100px;
	border: solid 1px #2a394f;
}
.btn-primary3:hover {
	border: solid 2px #2a394f;
	height:29.5px;
	padding-top: 5px;
	padding-left: 11px;
	color:#2a394f;
}
.btn-primary3:active {
	background-color: #ffffff;
	color: #2a394f!important;	
}


.btn-in-primary2:hover {
	border: solid 2px #357fbb;
	height:29.5px;
	padding-top: 5px;
	padding-left: 11px;
	color:#357fbb;
}
.btn-in-primary2:active {
	background-color: #1b6aaa;
	color: #ffffff!important;	
}

.btn-in-secondary {
    background-color: #fff;
    color: #2a394f !important;
    border: solid 1px #2a394f;
    height: 30px;
    min-width: 134px;
    border-radius: 100px;
    padding: 4px;
    font-size:12px;
    font-weight: bold;
}
.btn-in-secondary:hover {
	border: solid 2px #2a394f;
	color: #fff; 
}
.btn-in-secondary:active {
	background-color: #2a394f;
	color: #fff!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: bold;
}
.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;
}
/*** 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 ****/

/* BUTTON GROUPS START */
.btn-group-filter {
	background-color: #fff!important;
    color: #5299d3;
    border: solid 1px #c9d1d7;
    font-size: 12px;
    min-width: 100px;
    font-weight:600;
}   

.btn-group-filter:focus,
.btn-group-filter:hover {
	border: 1px solid #5299d3;
	color: #5299d3;
}
.btn-group-filter.active {
	background-color: #e0e3e7!important;
    color: black;
    font-weight: 600;
    box-shadow: none;
}
.buttonColor {
	color: white !important;
	background-color: #5299d3 !important;
    border-radius: 20px !important;
}

.borderRadius{
	border-radius: 20px !important;
}
.disabled_input{
	color:#c9d1d7 !important;
	background:white;
	border:1px solid #c9d1d7;
}
/* END BUTTON GROUP */

/* 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 */

/** 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 */

/* 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;
}
.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;
}
.bg-trans {
	background-color:transparent;
}
.bgdd {
	background-color: #ddd;
}
.bgf1 {
	background-color: #f1f1f1;
}
.bgf7 {
	background-color: #f7f7f7;
}
.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-ea {
	background-color:#eaecf0;
}
.bg-fff {
	background-color: #fff;
}
.bg-f00 { 
	background-color: #f00!important;
}
.bg-e2 {
	background-color:#e2f3f9;
}
.bg-green {
	background-color: #74BD64;
}
.bg-lightgreen {
	background-color: #f1f2e3;
}
.bg-bluegreen {
	background: #6C96Bd;
}
.bg-brightblue {
	background-color: #5299d3;
}
.bg-lightgray {
	background:#999999;
}
.bg-lightergray {
	background:#c9d1d7;
}
.lightgray2 {
	color: rgba(42, 57, 79, 0.6)!important;
}
.bg-lightbeige {
	background:rgb(254,249,240);
}
.bg-darkbeige {
	background:rgb(250,243,230);
}
.bg-banner {
	background-color: #243346;
}
/* 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;
}
.text-black {
	color: #000;
}
.gray-text, .text-gray {
	color: #666;
}
.text-52 { 
	color:#525252;
}
.lightorange {
	color: #ffb533;
}
/* 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;
}
.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;
}
.gray-medium {
	color: #2a394f;
}
/* 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;
}
.brightblue {
	color: #0087ce !important;
}
.brightgreen {
	color:#0cce6b !important;
}
.lime {
	color: #74BD6c !important;
}
.red {
	color: #ff3333 !important;
}
.darkgray {
	color: #666666 !important;
}
.darkergray {
	color:#2a394f !important;
}
.lightgray {
	color: #999999 !important;
}
.lightergray {
	color: #a2b6d3 !important;
}
.lightergray2 {
	color: #9da7ad !important;
}
.lightestgray {
	color: #c9d1d7 !important;
}
.bluegray {
	color: #6c788a !important;
}
.black {
	color:black;
}
.mid-gray {
	color:#637a89!important;
}
/* 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;
}

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=checkbox].OrangeCheckbox.ng-invalid:not(old) + label {
    background: url('/media/images/OrangeRadio_Error.png') no-repeat;
}
.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;
	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('/media/images/BlueCheck_True_Enabled.svg') no-repeat;
}

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

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

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

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

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

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

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

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

.ng-submitted input[type=radio].BlueRadio.ng-invalid:not(old)+label {
	background: url('/media/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-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-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-8 {
	margin-top:8px;
}
.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-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-xxl {
  margin-bottom: 80px;
}
.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-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-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!important;
}
.m-b-4px {
	margin-bottom: 4px;
}
.m-b-11 {
	margin-bottom: 11px;
}
.m-b-18 {
	margin-bottom: 18px;
}
.m-b-25 {
	margin-top: 25px;
}
.m-t-n-8 {
	margin-top: -8px;
}
.m-t-n-15 {
	margin-top: -15px;
}
.m-t-n-17 {
	margin-top: -17px;
}
.m-t-n-25 {
	margin-top: -25px;
}
.m-t-n-58 {
	margin-top: -58px;
}
.m-t-n-32 {
	margin-top: -32px;
}
.m-r-n-28 {
	margin-right: -28px;
}
.m-r-50 {
	margin-right: 50px;
}
.margin35 {
	margin-left: 35%;
	margin-right: 35%;
}
.m-l-96 {
	margin-left: 96px;
}
.m-l-104 {
	margin-left: 104px;
}
.m-l-135 {
	margin-left: 135px;
}
.m-l-n-8 {
	margin-left: -8px;
}
.m-l-n-36 {
	margin-left: -36px;
}
.m-l-n-40 {
	margin-left: -40px;
}
.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-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, .p-15 {
  padding: 15px;
}
.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-xl, .p-40 {
  padding: 40px;
}
.p-t-xl, .p-t-40 {
  padding-top:40px;
}
.p-r-xl, .p-r-40 {
  padding-right:40px;
}
.p-r-xxl {
	padding-right:80px;
}
.p-b-xl, .p-b-40 {
  padding-bottom:40px;
}
.p-l-xl, .p-l-40 {
  padding-left:40px;
}
.p-l-xxl {
	padding-left:80px;
}

.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-l-56 {
	padding-left:56px;
}
.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-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-pos-1 {
	position:relative; 
	top:-1px; 
}
.x-pos2 {
	position:relative; 
	top:2px; 
}
.x-pos-3 {
	position:relative; 
	top:-3px; 
}
.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-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!important;
	font-weight: 400;
}
.f14 {
	font-size: 14px!important;
}
.f15 {
	font-size: 15px!important;
}
.f16 {
	font-size: 16px!important;
}
.f18 {
	font-size: 18px!important;
}
.f19 {
	font-size: 19px!important;
}
.f20 {
	font-size: 20px!important;
}
.f21 {
	font-size: 21px!important;
}
.f22 {
	font-size: 22px!important;
}
.f24 {
	font-size: 24px!important;
}
.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;
}
.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;
}
.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;
}
.w30pct {
	width:30%;
}
.w40 {
	width: 40px;
}
.w40pct {
	width:40%;
}
.w40-max {
	max-width:40px;
}
.w45 {
	width: 45px;
}
.w50 {
	width:50px;
}
.w55 {
	width:55px;
}
.w60 {
	width:60px;
}
.w60pct {
	width:60%;
}
.w65-pc {
	width: 65%;
}
.w50pct {
	width:50%;
}
.w70-pc {
	width: 70%;
}
.w75-min {
	min-width: 75px;
}
.w75-pc {
	width: 75%;
}
.w79-pc {
	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 {
	width:105px;
}
.w105-max {
	max-width: 105px;
}
.w115 {
	width:115px;
}
.w115-min {
	min-width: 115px !important;
}
.w120-max {
	max-width:120px;
}
.w125 {
	width:125px;
}
.w125-max {
	max-width:125px;
}
.w132 {
	width:132px;
}
.w134-min {
	min-width:134px;
}
.w135 {
	width:135px;
}
.w140 {
	width:140px;
}
.w145 {
	width: 145px;
}
.w145-min {
	min-width: 145px !important;
}
.w150 {
	width: 150px !important;
}
.w150-max {
	max-width:150px;
}
.w150-min {
	min-width:150px;
}
.w175 {
	width: 175px !important;
}
.w180 {
	width:180px !important;
}
.w180-min {
	min-width:180px !important;
}
.w180-max {
	max-width:180px;
}
.w190-min {
	min-width:190px;
}
.w194-min {
	min-width:194px;
}
.w195 {
	width:195px;
}
.w200 {
	width: 200px !important;
}
.w200-max {
	max-width: 200px;
}
.w225 {
	width:225px;
}
.w225-max {
	max-width:225px;
}
.w250 {
	width: 250px !important;
}
.w255 {
	width:255px;
}
.w-262 {
	width:262px;
}
.w275 {
	width:275px;
}
.w280 {
	width:280px;
}
.w300 {
	width:300px;
}
.w300-min {
	min-width: 300px;
}
.w325 {
	width: 325px;
}
.w325-max {
	max-width: 325px;
}
.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;
}
.w715 {
	width:715px;
}
.w746 {
	min-width: 746px;
}
.w750 {
	width:750px;
}
.w762 {
	width: 762px;
}
.w746 {
	min-width: 746px;
}
.w757 {
	width: 757px;
}
.w792 {
	width: 792px;
}
.w800 {
	width: 800px;
}
.w800-min {
	min-width: 800px;
}
.w806 {
	width: 806px;
}
.w814 {
	width: 814px;
}
.w820 {
	width: 820px;
}
.w840 {
	width: 840px;
}
.w860 {
	width: 860px;
}
.w871 {
	width: 871px;
}
.w894 {
	width:894px;
}
.w900 {
	width:900px;
}
.w925 {
	width:925px;
}
.w940 {
	width:940px;
}
.w960 {
	width:960px;
}
.w980 {
	width:980px;
}
.w980-min {
	min-width:980px;
}
.w1100 {
	width: 1100px;
}
.w1200 {
	width: 1200px;
}
.w1200-max {
	max-width: 1200px;
}
/* END CUSTOM WIDTHS */

/* CUSTOM HEIGHTS */
.h-auto {
	height:auto !important;
}
.h10-min {
	min-height: 10px!important;
}
.h100pct { 
	height:100%;
}
.h22 {
	height: 22px;
}
.h28 {
	height: 28px;
}
.h25 {
	height:25px;
}
.h26 {
	height:26px;
}
.h30 {
	height:30px;
}
.h30-min {
	min-height:30px;
}
.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;
}
.h70 {
	height:70px;
}
.h75 {
	height:75px;
}
.h105 {
	height:105px;
}
.h121 {
	height:121px;
}
.h140 {
	height:140px;
}
.h175 {
	height:175px;
}
.h260 {
	height: 260px;
}
.h360-max {
	max-height:360px;
}
.h425-max {
	max-height:425px;
}
.h450 {
	height: 450px;
}
.h500 {
	height:500px;
}
.h650 {
	height: 650px;
}
.h700 {
	height:700px;
}
/* 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-border-top {
  border-top: 4px solid #ccc;
}
.border-gray-top-1 {
  border-top: 1px solid #ccc;
}
.border-lightgray {
	border:1px solid #c9d1d7;
}
.b-t-lightgray {
	border-top:1px solid #c9d1d7;
}
.b-l-lightgray {
	border-left:1px solid #c9d1d7;
}
.b-r-ccc, .border-right, .b-r {
  border-right: 1px solid #ccc;
}
.b-lightergray {
	border:1px solid #e3e6e8;
}
.b-b-lightergray {
	border-bottom:1px solid #e3e6e8;
}
.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-bottom-lightgray {
	border-bottom: solid 1px #c9d1d7;
}
.b-bottom-lightgray2 {
	border-bottom: 3px solid #dcdcdc
}
.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-orange {
  border: 1px solid #ff9933;
  border-radius: 5px;
  padding: 5px;
}
.border-f1 {
	border: 1px solid #f1f1f1;
}
.border-r-f1 {
	border-right:1px solid #f1f1f1;
}
.border-t-f1 {
	border-top:1px solid #f1f1f1;
}
.border-ff {
	border: 1px solid #fff;
}
/* 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);
}
/* 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-15 {
	border-radius:15px;
}
.br-100 {
	border-radius:100px !important;
}
.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;
}
/* END BORDER-RADIUS */

/* TEXT-TRANSFORM */
.lc {
	text-transform: lowercase;
}
.uc {
	text-transform: uppercase;
}
.cap {
	text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
em, .italic {
    font-style: italic;
}
/* END TEXT-TRANSFORM */

/* OVERFLOW */
.ovf-a {
	overflow: auto;
}
.ovf-h {
	overflow: hidden!important;
}
.ovfx-h {
	overflow-x: hidden;
}
.ovfx-a {
	overflow-x: auto;
}
.ovfy-h {
	overflow-y: hidden;
}
.ovf-s {
	overflow: scroll;
}
/* END OVERFLOW */

/* BLOCK */
.inline-block, .i-block {
	display: inline-block;
}
.block {
	display: block;
}
/* 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, .flex-center{
	display: flex;
    align-items: center;
}
.flex-end {
    display: flex;
    align-items: flex-end;
}
/* END VERTICAL-ALIGN */

/* DISPLAY */
.hidden {
	display: none;
}
.show {
	display: block;
}
.d-table {
	display: table;
}
/* END DISPLAY */

/* WRAP */
.nowrap {
	white-space:nowrap;
}
.wrap {
	white-space:normal;
}
.wsPre {
	white-space: pre;
}
.wsPreWrap {
	white-space: pre-wrap;
}
/* 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;
}
/* END HOVER */

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

/* OTHERS */

.b-w-l {
	width: 160px;
}
.b-w-m {
	min-width: 130px;
}
.b-w-m-2 {
	min-width: 115px;
}
.text-ccc {
	color: #666;
	/*this was changed from color #ccc to #666 due to WAND-20967 */
}
.required-text {
	font-weight: bold;
	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; 
}
.lh13 {
	line-height:13px;
}
.lh34 {
    line-height: 34px;
}
.lh60 {
	line-height:60px;
}
.clear {
  display: block;
  overflow: hidden;
}
.clear1 {
  display: block;
  overflow: initial;
}
.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;
}

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;
}

.warning-box {
	font-size:12px;
	border:1px solid #f89234;
	border-radius:4px;
	background:rgb(255 253 248);
	color:#c97629;
	padding: 9px;
	text-align:left;
}

.errorBox {
	font-size:12px;
	border:1px solid red;
	border-radius:4px;
	background:rgb(255, 248, 249);
	color:red;
	padding: 9px;
	text-align:left;
}

/* 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-image: none !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 **/

/* 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 */

.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.top > .tooltip-arrow {
	border-top-color:#6c96bd !important;
}
.white-blue-tooltip.bottom > .tooltip-arrow {
	border-bottom-color:#6c96bd !important;
}
.white-blue-tooltip.left > .tooltip-arrow {
	border-left-color:#6c96bd !important;
}
.white-blue-tooltip.right > .tooltip-arrow {
	border-right-color:#6c96bd !important;
}

.black-tooltip .tooltip-inner {
	color: rgb(218,218,218);
	font-size:12px;
	background-color: black;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	max-width:390px;
	text-align:left;
	padding:15px;
	border-color:black;
	border-radius:7.5px;
	font-weight:400;
}
.black-tooltip.tooltip-inner.tooltip {
	box-shadow: none !important;
	border: none;
	outline: none;
}
.black-tooltip.top > .tooltip-arrow {
	border-top-color:black !important;
}
.black-tooltip.bottom > .tooltip-arrow {
	border-bottom-color:black !important;
}
.black-tooltip.left > .tooltip-arrow {
	border-left-color:black !important;
}
.black-tooltip.right > .tooltip-arrow {
	border-right-color:black !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!important}

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

.blue-toogle-switch {
	cursor: pointer;
	font-family: monospace;
	width: 100px ! important;
}
.blue-toggle-switch-on {
	background: url('/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('/images/toggle-switch-off.svg') no-repeat;
	background-position: top left;
	display: inline-block;
	padding: 0 0 0 29px;
	background-size: 35px !important;
}.z1 {
	z-index:1;
}

/** HINT/GHOST/PLACEHOLDER TEXT START **/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #c9d1d7 !important;
	font-size:12px;
	font-family: 'Open Sans' !important;
	font-weight:300;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #c9d1d7 !important;
	font-size:12px;
	font-family: 'Open Sans' !important;
	font-weight:300;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	/* Older versions of Firefox */
	color: #c9d1d7 !important;
	font-weight:300;
	font-size:12px;
	font-family: 'Open Sans' !important;
	font-weight:300;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	color:#c9d1d7 !important;
	font-weight:300;
	font-size:12px;
	font-family: 'Open Sans';
	font-weight:300;
}

.ieplaceholder {
	color:#c9d1d7 !important;
	font-weight:300;
	font-size:12px;
	font-family: 'Open Sans';
	font-weight:300;
}
/** HINT/GHOST/PLACEHOLDER TEXT END **/

/** PAGE SLIDER STYLE **/
.slider-content {   
	overflow-y: auto!important;
	border: 1px solid rgb(193,193,193);
	background:#fff;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	display:none;
}
#sliderFooter {
    bottom: 0;
    padding: 20px;
    background: #efefef;
    margin: auto;
    margin-left: -19px;
}
#sliderFooter-manager {
	position: fixed;
    bottom: 0;
    padding: 20px;
    background: #efefef;
    width: 447px;
    margin: auto;
    margin-left: -19px;
}
section a:link.c666 {
	color:#666;
}
section .right {
    visibility: hidden;
}
section:hover .right {
    visibility: visible;
}
section .right a {color:#999;
}
/** END PAGE SLIDER STYLE **/

/** Close X icon for Modals **/
.x-icon-d {
	background-image: url('/media/images/x-grey.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:14px;
	height:14px;
	}
.x-icon-d:hover {
	background-image: url('/media/images/x-darkgrey.svg');
	cursor:pointer;
}

.modal-close-btn {
    cursor:pointer;
    transition:200ms color;
    line-height: 13px;
    margin: 0 20px 10px 0;
    border:none;
    background:transparent;
}

.modal-close-btn i {
    font-size: 35px;
    font-weight: 300;
    color: #637A89;
}

.modal-close-btn:hover i {
    color:#2a394f;
}
/** End Close X icon for Modals **/

.mainCard {
	height: auto;
	width: 100%;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding: 28px 20px 28px 33px;
	box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24)
}

/* 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;
	content:'/&times;';
}
.modal-close-icon:before {
	content:"\D7";
}
.modal-close-icon:hover {
	opacity:1;
}
/* End Modal Close Icon */

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

/* 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 */

/* 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:32px;
	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 */

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

/* 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-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}
    /* END DATA ROWS */
    
/* TEXT SPACING */
.letter-space-2 {letter-spacing: 0.2px}
/* End TEXT SPACING */

/* UI Update of Profile Dropdown */
ul.profile-links a > li {color:#888;}
ul.profile-links a > li:hover {color:#5299d3!important;}
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!important; cursor: pointer; padding-top:10px;}
ul.profile-links > a:first-child {padding-top:22px;}
ul.profile-links > a:first-child:hover {background-color: #f3f8fc!important;cursor: pointer;}
ul.profile-links > a:hover a {display: block; color:#5299d3!important;}
ul.profile-links > a {background-repeat: no-repeat!important;background-position: 10px!important; background-color:#fff!important;}
ul.profile-links > a:first-child {background-image: url(/wand/images/icon-user.png);}
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;
	width: 300px;
	padding-top: 0;
}
.datepicker-dropdown.dropdown-menu {
	width:auto;
}
.dropdown-menu.rnav-pos-log {min-height: 310px; width: 304px;}

/* 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 */
/* UI Update of Profile Dropdown */    /* END DATA ROWS */
    
.elevated-container {
	background:white;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
	border: 1px solid #C9D1D7;
	border-radius:4px;
}

/* Badge Start */
.gray-badge, .mint-badge, .darkmint-badge {
	display:inline-block;
	line-height:22px;
	color: #5e5e5e;
	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 */
.smallFont {
	font-size:10px;
}

.btn-color-mode-switch {
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	margin: 0px;
	position: relative;
}

.btn-color-mode-switch>label.btn-color-mode-switch-inner {
	margin: 0px;
	width: 130px;
	height: 30px;
	background: #fff;
	border-radius: 25px;
	border: 2px solid #5299d3;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease;
	display: block;
	cursor: pointer;
}

.btn-color-mode-switch>label.btn-color-mode-switch-inner:before {
	content: attr(data-on);
	position: absolute;
	font-size: 10px;
	font-weight: 500;
	right: 18px;
	color: #5299d3;
	padding-top: 5px;
}

.btn-color-mode-switch>label.btn-color-mode-switch-inner:after {
	content: attr(data-off);
	width: 65px;
	height: 30px;
	font-size: 10px;
	background: #5299d3;
	position: absolute;
	text-align: center;
	transition: all 0.3s ease;
	color: #fff;
	padding-top: 5px;
}

.btn-color-mode-switch input[type="checkbox"] {
	cursor: pointer;
	width: 50px;
	height: 25px;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	margin: 0px;
	color: #fff;
}

.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner
	{
	background: #fff;
	color: #fff;
}

.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after
	{
	content: attr(data-on);
	left: 65px;
	width: 70px;
	background: #5299d3;
}

.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before
	{
	content: attr(data-off);
	right: auto;
	left: 20px;
}

/* BLUE SLIDER TOGGLE Start (Stays blue whether on or off) */
label.switchLabel {
	font-weight:600;
	color:#666666;
	vertical-align:7px;
	margin-right:5px;
	cursor:pointer;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}
.toggle-switch input {display:none;}
input:focus + .blue-slider-toggle {
  box-shadow: 0 0 1px #2196F3;
}
.toggle-switch .blue-slider-toggle {
  position: absolute;
  border-radius:15px;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5299D3;
  -webkit-transition: .4s;
  transition: .4s;
}
.toggle-switch .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%;
}
.toggle-switch input + .blue-slider {
  background-color: #5299D3;
}
.toggle-switch input:checked + .blue-slider:not(.indeterminate) {
  background-image: none;
  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;
}
.toggle-switch input:checked + .blue-slider.indeterminate {
  background-image: none;
  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;
}
 .progress-div
      {
      	width: 680px;

      }
.progress-text{
    	font-size: 14px !important;
    	margin-top: 20px !important;
    }
.progress-bar {
        height: 4px;
        background-color: rgba(5, 114, 206, 0.2);
        width: 100%;
        overflow: hidden;
      }

      .progress-bar-value {
        width: 100%;
        height: 100%;
        background-color: rgb(5, 114, 206);
        animation: indeterminateAnimation 1s infinite linear;
        transform-origin: 0% 50%;
      }

      @keyframes indeterminateAnimation {
        0% {
          transform:  translateX(0) scaleX(0);
        }
        40% {
          transform:  translateX(0) scaleX(0.4);
        }
        100% {
          transform:  translateX(100%) scaleX(0.5);
        }
      }
/* Disabled State End */
/* END BLUE SLIDER TOGGLE */