@charset "utf-8";
body{color:rgb(0, 50, 124)}
h1 {font-size:2em} /* 2em - 26px...against 1.3rem body font...200% OR 2 x 13 = 26  */
h2 {font-size:1.8em}
h3 {font-size:1.15em}
h1,h2,h3,h4,h5,h6 {font-family: Verdana,'Lucida Sans';margin-top:1em;margin-bottom:0;font-weight:300}
h3.highlight,h4.highlight{font-weight: 600;}
p {margin: 0; margin-bottom: 1em;}
b,strong{font-weight:700}
q,blockquote{quotes:none}
q:before,q:after{content:'"'}
blockquote{text-indent:1em}
.pre{white-space:pre}
.nowrap{white-space:normal;} 
a{text-decoration:none;transition:.3s;transition-property:color,background,box-shadow;vertical-align:baseline;background-color:transparent;color:#1783db !important}
a:focus,a:hover {text-decoration:underline;outline:none;outline-width:0;cursor:pointer}
 a:active {text-decoration:none;outline:none;outline-width:0;cursor:pointer}
a.more-link::before {content:'\2013 \0020';cursor: default;}
a.tdu,.tdu {text-decoration: underline}
a.tdn:hover {text-decoration: none}
a:hover{color:#0a5da1 !important}
.codeFont{font-family:Consolas,"courier new";}
.code,.codeSpan{font-family:Consolas,"courier new";font-size:1.05em}
.code{width:100%; color:#444;background-color:#fff;padding:.8em 1.2em;border-left:4px solid #3665B3;word-wrap:break-word;margin:1em 0}
.codeSpan{color:#900;background-color:#f1f1f1;padding:0 .6%;font-size:1.05em}
p.accord-p{padding: 1.8rem;margin-bottom:1rem;}
p.accord-bg{padding: 1.8rem;margin-bottom:1rem;background-color: #4fc3f7}
p.accord-x-b:before{content: '\229E';padding-right:1.5rem}
p.accord-x:after{content: '\229E';float:right}
p.accord-x-b.active:before,p.accord-x.active:after{content: "\229F"}
p.accordion.active,p.accordion:hover,p[class*="accordion-s"].active,p[class*="accordion-s"]:hover{background-color:#f0f0f0}
p.accordion,p[class*="accordion-s"],p[class*="accordion-a"]{cursor: pointer;transition: 0.3s;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
p[class*="accordion-a"]{text-align:right;padding-right:1.5rem}
p.open-all{background-color:#f6f;text-align:right;margin-right:2rem}
.panel-on{margin-top:1.4em; margin-bottom:1.4em; padding:0.01em 1.3em}
.panel{max-height:0;overflow:hidden;transition:0.3s ease-in-out;opacity:0;margin-top:1.4em; margin-bottom:1.4em; padding:0.01em 1.3em}
.panel.show{opacity:1;max-height:inherit}

/* create a rounded corner on an any element */
.round-small{border-radius:.3em}.round-medium{border-radius:.5em}.round-large{border-radius:.9em}
.round-xlarge{border-radius:1.5em}.round-xxlarge{border-radius:2.3em}
.round-xxxlarge{border-radius:3.2em}.round-jumbo{border-radius:4.5em}
.round-small-top{border-top-left-radius:.3em;border-top-right-radius:.3em}.round-medium-top{border-top-left-radius:.5em;border-top-right-radius:.5em}
.round-large-top{border-top-left-radius:.9em;border-top-right-radius:.9em}
.round-xlarge-top{border-top-left-radius:1.5em;border-top-right-radius:1.5em}
.round-xxlarge-top{border-top-left-radius:2.3em;border-top-right-radius:2.3em}
.round-xxxlarge-top{border-top-left-radius:3.2em;border-top-right-radius:3.2em}
.round-jumbo-top{border-top-left-radius:4.5em;border-top-right-radius:4.5em}
.round-small-bottom{border-radius:.2rem}.round-medium-bottom{border-radius:.4rem}.round-large-bottom{border-radius:.8rem}
.round-xlarge-bottom{border-radius:1.6rem}.round-xxlarge-bottom{border-radius:3.2rem}
.round-xxxlarge-bottom{border-radius:5rem}.round-jumbo-bottom{border-radius:6.4rem}

.circle{border-radius:50%}

.ripple:active{opacity:1}.ripple:hover{opacity:0.5}.ripple{transition:opacity 0s}
.animate-spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-fade{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-fade.in{opacity:1}
.animate-spin-off:hover,.animate-fade-off:hover{animation:none}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom{animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} /* already added */
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100% !important}
.opacity-lo,.hover-opacity-lo:hover{-webkit-filter:opacity(20%);filter:opacity(20%);opacity:(20%)}.opacity,.hover-opacity:hover{-webkit-filter:opacity(50%);filter:opacity(50%);opacity:(50%)}.opacity-hi,.hover-opacity-hi:hover{-webkit-filter:opacity(80%);filter:opacity(80%);opacity:(80%)}.opacity-off,.hover-opacity-off:hover{-webkit-filter:opacity(100%);filter:opacity(100%);opacity:(100%)}

.sepia-lo{-webkit-filter: sepia(33%);filter:sepia(33%)}.sepia{-webkit-filter: sepia(66%);filter:sepia(66%)}.sepia-hi,.hover-sepia:hover{-webkit-filter: sepia(100%);filter:sepia(100%)}
.blur-lo{-webkit-filter: blur(2px);filter:blur(2px)}.blur{-webkit-filter: blur(4px);filter:blur(4px)}.blur-hi{-webkit-filter: blur(8px);filter:blur(8px)}.hover-blur:hover{-webkit-filter: blur(6px);filter:blur(6px)}
.brightness-lo{-webkit-filter: brightness(55%);filter: brightness(55%)}.brightness{-webkit-filter: brightness(125%);filter: brightness(125%)}.brightness-hi{-webkit-filter: brightness(170%);filter: brightness(170%)}.hover-brightness:hover{-webkit-filter: brightness(135%);filter: brightness(135%)}
.contrast-lo{-webkit-filter: contrast(55%);filter:contrast(55%)}.contrast{-webkit-filter: contrast(125%);filter:contrast(125%)}.contrast-hi{-webkit-filter: contrast(165%);filter:contrast(165%)}.hover-contrast:hover{-webkit-filter: contrast(135%);filter:contrast(135%)}
.shadow-lo {-webkit-filter: drop-shadow(3px 3px 8px grey);filter: drop-shadow(3px 3px 8px grey)}.shadow {-webkit-filter: drop-shadow(15px 15px 8px grey);filter: drop-shadow(15px 15px 8px grey)}.shadow-hi {-webkit-filter: drop-shadow(30px 53px 15px grey);filter: drop-shadow(30px 30px 15px grey)}.shadow-mid {-webkit-filter: drop-shadow(0px 0px 8px grey);filter: drop-shadow(0px 0px 8px grey)}
.grayscale-lo{-webkit-filter: grayscale(30%);filter:grayscale(30%)}.grayscale{-webkit-filter: grayscale(65%);filter:grayscale(65%)}.grayscale-hi{-webkit-filter: grayscale(100%);filter:grayscale(100%)}.hover-grayscale:hover{-webkit-filter: grayscale(75%);filter:grayscale(75%)}
.saturate-lo{-webkit-filter: blur(30%);filter:saturate(30%)}.saturate{-webkit-filter: blur(60%);filter:saturate(60%)}.saturate-hi,.hover-saturate:hover{-webkit-filter: blur(90%);filter:saturate(90%)}
.huerotate-lo {-webkit-filter: hue-rotate(75deg);filter: hue-rotate(75deg);}.huerotate {-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);}.huerotate-hi {-webkit-filter: hue-rotate(300deg);filter: hue-rotate(300deg);}.hover-huerotate:hover {-webkit-filter: hue-rotate(200deg);filter: hue-rotate(200deg);}
.invert-lo {-webkit-filter: invert(30%);filter: invert(30%);}.invert {-webkit-filter: invert(70%);filter: invert(70%);}.invert-hi {-webkit-filter: invert(100%);filter: invert(100%);}


/* text styles */
.tiny{font-size:.713667em !important}
.small{font-size:.913667 !important}
.big{font-size:1.2136675em !important}
.large{font-size:1.5em !important}
.xlarge{font-size:1.713667em !important}
.xxlarge{font-size:1.913667em !important}
.xxxlarge{font-size:2.313667em !important}

/* card and shadow styles. */
.card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-1,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.hover-shadow-child:hover img{box-shadow:0 4px 10px 0 rgba(0,0,0,0.3),0 4px 20px 0 rgba(0,0,0,0.19)}
.hover-shadow-child:hover h3,.hover-shadow-child:hover p{text-shadow:4px 4px 6px rgba(0, 0, 0, 0.4)}
.card-2{box-shadow:0 4px 10px 0 rgba(0,0,0,0.26),0 4px 20px 0 rgba(0,0,0,0.24)}
.card-3{box-shadow:0 4px 10px 0 rgba(0,0,0,0.32),0 4px 20px 0 rgba(0,0,0,0.30)}

/* BUTTONS */
/* bar is used for menu and link button displays */
.bar{width:100%;overflow:hidden}.tac .bar{display:inline-block;width:auto}
.bar:before,.bar:after{content: "";display:table;clear:both}
/* use a button or anchor in a bar or bar-block with a class of 'item' */
/* horizontal bar */
.bar .item{padding:.423em .846em;float:left;width:auto;border:none;outline:0}
/* vertical bar */
.bar-block .item{width:auto;padding:.423em .846em;text-align:left;border:none;display:block;white-space:normal;outline:0}
.bar-block.tac .item{text-align:center}
/* remove the select ouline when clicked */
button:focus,button:active {outline: 0 !important;border: 0 !important}
/* .button is used in bar and bar-block class' or to create a button look anywhere    */
.button, button, .button-3d{border:none;display:inline-block;vertical-align:middle;text-align:center;text-decoration:none;overflow:hidden;color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap;}
.button:hover{text-decoration:none}
/* add a shadow for hover and remove the underline */
.button-3d:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
/* button is used for standard buttons */
button.default {border:1px solid #acacac;background-color:#efefef}button.default:hover {border:1px solid #7eb4ea;background-color:#e7f2fc}
/* reset default button behavior */
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;appearance:button;cursor:pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dashed}
/* set disabled button options */
button.disabled:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}
.disabled *,:disabled *{pointer-events:none}
button:disabled:hover,.button:disabled:hover{box-shadow:none}

/* input tags */
textarea{overflow:auto}
input[type="checkbox"],input[type="radio"]{box-sizing:content-box; padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


/* form elements */
.input{padding:.4em;display:block;border:none;border-bottom:1px solid #ccc;width:100%}

.cx-select{
font-size:1.8em !important;
line-height:inherit !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none;
width:100%;
background-color: #fff;
background-image: url(../images/select-menu_open.png);
background-repeat: no-repeat;
background-position: right 0 top -.4rem;
/*border-style: solid;
border-width: 1px;
border-color: #6d6d6d;
border-radius: 0;*/
color: #454545;
border:0;
cursor: pointer;
margin: 0;
outline: 0;
padding: .57143rem .78571rem}

/* remove ie11 outline */
.cx-select::-ms-expand{display:none}

/* hide the checkbox on modern browsers */
[type="checkbox"]:not(:checked),[type="checkbox"]:checked,
[type="radio"]:not(:checked),[type="radio"]:checked
{position:absolute;left:-9999px}
/* define the label on modern borswers */
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,[type="radio"]:checked + label
{position:relative;padding-left:2em;padding-top:.1em;cursor:pointer;box-sizing:content-box}

/* create the box before the label on modern browers. border color is set below */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{position:absolute;left:0; top:0;
width:1.25em; height:1.25em;border:2px solid #ccc;background:#fff;border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);
content:''}
/* radio uses the same css as checkmark. The only difference is the shape. Set border radius to 50% */
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{border-radius:50%;}

/* actual checkmark for the checkbox label. :after is used to position the checkmark on top of the box. color is set below */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{position:absolute;top:.24em;left:.23em;
font-family:'Lucida Sans Unicode', 'Arial Unicode MS', Arial;content:'\2713';font-size:1.2em;line-height:0.8em; font-weight:600;
transition:all .2s}

/* actual bullet for the radio label. :after is used to position the bullet on top of the circle. color is set below */
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after{position:absolute;top:.235em;left:.145em;
content:'\2022';font-size:1.8em;line-height:0.25em;
transition:all .2s}

/* set transition for the input's mark */
[type="checkbox"]:not(:checked) + label:after,[type="radio"]:not(:checked) + label:after{opacity:0;transform:scale(0)}
[type="checkbox"]:checked + label:after,[type="radio"]:checked + label:after{opacity:1;transform:scale(1)}

/* Just remove the input if you want to disable an option. css if you must disable a checkbox or input styles */
/* gray out the option */
input:disabled:not(:checked) + label:before, input:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}
/* set the disabled checkmark color */
input:disabled:checked + label:after{color:#999}
/* set the disabled text color */
input:disabled + label{color:#aaa}
/* accessibility 
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before{border:2px dotted blue}*/


/* checked effects */
/* define the border and dot/checkmark color for the checkbox and radio buttons */
[type="checkbox"]:checked + label:before,
[type="radio"]:checked + label:before {border:2px solid #6c0}/* border color */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {color:#444}/* dot/checkmark color */

/* hover effects */
/* checkbox hover color */
input + label:hover:before{border:2px solid #FF0 !important}
input:disabled:not(:checked) + label:hover:before, input:disabled:checked + label:hover:before{border:2px solid #bbb !important;}
input:disabled + label:hover,input:not([disabled]) + label{cursor:default}

/* input box hover and focus border color */
[type="text"]:hover{outline:2px solid #FF0}
[type="text"]:focus {outline:2px solid #6F0}

/* fieldset border control */
fieldset{padding:0;border:0px solid #bbb;margin:1em 0}
/* add padding to the bottom of the fieldset legend */
fieldset legend {padding-bottom: .5em}
/* wrap radio buttons inside fieldset */
fieldset.radio span, fieldset.checkbox span  {display:block;margin-bottom:.5em}
/* set padding between button and text */
fieldset.radio label>span, fieldset.checkbox label>span{display:inline !important; padding-left:.5em}
/* hide fieldset label heading from view. this is not a display none. */
.hideLabel {width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;position:absolute;clip:rect(0 0 0 0)}
/*

/* borders for various elements. bar is the same as border except larger, 6px */
.border-none{border:0 !important}.border{border:1px solid #ccc !important}
.border-medium{border:3px solid #ccc !important}.border-large{border:6px solid #ccc !important}
.border-top{border-top:1px solid #ccc !important}.border-right{border-right:1px solid #ccc !important}
.border-bottom{border-bottom:1px solid #ccc !important}.border-left{border-left:1px solid #ccc !important}
.border-top-bar{border-top:6px solid #ccc !important}.border-right-bar{border-right:6px solid #ccc !important}
.border-bottom-bar{border-bottom:6px solid #ccc !important}.border-left-bar{border-left:6px solid #ccc !important}

/* ------- SECTIONS/GROUP CONTENT -------
    Sections are used to contain a group of content.
*/
section, .section{margin:1.5em 0}
.section-1{background-image:url(../images/sectionBg01.jpg);background-size:cover;background-position:center;height:200px}
.section-2{margin:1.1em 0}



/* Target Smartphones' LARGE size */
@media (min-width: 481px) { 
body{font-size: 1.5em;color:rgb(21, 55, 107)} /* set the default body font size to 14px on small devices */ 
.section-1{height:300px;}

}

/* Target Tablets' size & UP ... STANDARD SIZE STARTS HERE */
@media (min-width: 768px) { body{font-size: 1.6em;color:rgb(35, 60, 99)} /* set the default body font size to 16px on large devices */
.section-1{height:400px;}
.nowrap{white-space:nowrap;}
}

/* Target LARGE size ONLY */
@media (min-width: 1200px) { body{color:rgb(28, 41, 61)} /* return default body font size to 17px on largest devices */
.section-1,.section-1 .display-container{height:500px;}
}

@media print {
html, body {
text-align: left;
background-image: none;
background-color: #fff;
margin: 0;
padding: 0;
font-size:1.1em;
}

body {
width: 100%;
max-width: 9.75in;
min-width: 6.25in;
}

h1.pageHeading, h2, h3, h4, h5, h6, dt.h2, .superJump {
color:#444444
}

div.centerPageCnt, div.centerPage,
div.centerPageBackdrop, div.bodyContentCnt,
div.bodyContent, div.mainBody,
div.footerLinksCnt, div.footerLinks {
text-align: left;
width: 100%;
background-image: none;
margin: 0;
padding: 0;
}
div.headerLinkCnt, div.leftSideCnt01, 
div.pageHeaderCnt01, div.bodyToolbar,
div.pageFooterCnt
{
display: none;
}

div.mainPageCnt01, .pageHeading {
border:0
}

div.pageContentBodyCnt {
width:100%
}

div.printHeader {
display:block;padding:20px 20px 20px 30px
}

iframe {
display:none
}

}
/* end style sheet for printing   */


/* bg colors */
.theme-action {color: #fff !important;background-color: #074b83 !important}
.amber,.hover-amber:hover{color:#000 !important;background-color:#ffc107 !important}
.aqua,.hover-aqua:hover{color:#000 !important;background-color:#00ffff !important}
.black,.hover-black:hover{color:#fff !important;background-color:#000 !important}
.blue,.hover-blue:hover{color:#fff !important;background-color:#2196F3 !important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff !important;background-color:#607d8b !important}
.brown,.hover-brown:hover{color:#fff !important;background-color:#795548 !important}
.cyan,.hover-cyan:hover{color:#000 !important;background-color:#00bcd4 !important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff !important;background-color:#616161 !important}
.deep-orange,.hover-deep-orange:hover{color:#fff !important;background-color:#ff5722 !important}
.deep-purple,.hover-deep-purple:hover{color:#fff !important;background-color:#673ab7 !important}
.green,.hover-green:hover{color:#fff !important;background-color:#4CAF50 !important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000 !important;background-color:#9e9e9e !important}
.indigo,.hover-indigo:hover{color:#fff !important;background-color:#3f51b5 !important}
.khaki,.hover-khaki:hover{color:#000 !important;background-color:#f0e68c !important}
.light-blue,.hover-light-blue:hover{color:#000 !important;background-color:#87CEEB !important}
.light-green,.hover-light-green:hover{color:#000 !important;background-color:#8bc34a !important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000 !important;background-color:#f1f1f1 !important}
.light-purple,.hover-light-purple:hover{color:#fff !important;background-color:#c975d8 !important}
.lime,.hover-lime:hover{color:#000 !important;background-color:#cddc39 !important}
.orange,.hover-orange:hover{color:#000 !important;background-color:#ff9800 !important}
.pale-blue,.hover-pale-blue:hover{color:#000 !important;background-color:#ddffff !important}
.pale-green,.hover-pale-green:hover{color:#000 !important;background-color:#ddffdd !important}
.pale-red,.hover-pale-red:hover{color:#000 !important;background-color:#ffdddd !important}
.pale-yellow,.hover-pale-yellow:hover{color:#000 !important;background-color:#ffffcc !important}
.pink,.hover-pink:hover{color:#fff !important;background-color:#e91e63 !important}
.purple,.hover-purple:hover{color:#fff !important;background-color:#9c27b0 !important}
.red,.hover-red:hover{color:#fff !important;background-color:#f44336 !important}
.sand,.hover-sand:hover{color:#000 !important;background-color:#fdf5e6 !important}
.teal,.hover-teal:hover{color:#fff !important;background-color:#009688 !important}
.white,.hover-white:hover{color:#000 !important;background-color:#fff !important}
.yellow,.hover-yellow:hover{color:#000 !important;background-color:#ffeb3b !important}

/* text colors */
.text-theme-action,hover-text-theme-action:hover{color: #074b83 !important}
.text-amber,.hover-text-amber:hover{color:#ffc107 !important}
.text-aqua,.hover-text-aqua:hover{color:#00ffff !important}
.text-black,.hover-text-black:hover{color:#000 !important}
.text-blue,.hover-text-blue:hover{color:#2196F3 !important}
.text-blue-grey,.hover-text-blue-grey:hover,.text-blue-gray,.hover-text-blue-gray:hover{color:#607d8b !important}
.text-brown,.hover-text-brown:hover{color:#795548 !important}
.text-cyan,.hover-text-cyan:hover{color:#00bcd4 !important}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#3a3a3a !important}
.text-deep-orange,.hover-text-deep-orange:hover{color:#ff5722 !important}
.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7 !important}
.text-green,.hover-text-green:hover{color:#4CAF50 !important}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#757575 !important}
.text-indigo,.hover-text-indigo:hover{color:#3f51b5 !important}
.text-khaki,.hover-text-khaki:hover{color:#b4aa50 !important}
.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB !important}
.text-light-green,.hover-text-light-green:hover{color:#8bc34a !important}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#f1f1f1 !important}
.text-lime,.hover-text-lime:hover{color:#cddc39 !important}
.text-orange,.hover-text-orange:hover{color:#ff9800 !important}
.text-pale-blue,.hover-text-pale-blue:hover{color:#ddffff !important}
.text-pale-green,.hover-text-pale-green:hover{color:#ddffdd !important}
.text-pale-red,.hover-text-pale-red:hover{color:#ffdddd !important}
.text-pale-yellow,.hover-text-pale-yellow:hover{color:#ffffcc !important}
.text-pink,.hover-text-pink:hover{color:#e91e63 !important}
.text-purple,.hover-text-purple:hover{color:#9c27b0 !important}
.text-red,.hover-text-red:hover{color:#f44336 !important}
.text-sand,.hover-text-sand:hover{color:#fdf5e6 !important}
.text-teal,.hover-text-teal:hover{color:#009688 !important}
.text-white,.hover-text-white:hover{color:#fff !important}
.text-yellow,.hover-text-yellow:hover{color:#d2be0e !important}

/* border colors */
.border-theme-action,hover-border-theme-action:hover{border-color: #074b83 !important}
.border-amber,.hover-border-amber:hover{border-color:#ffc107 !important}
.border-aqua,.hover-border-aqua:hover{border-color:#00ffff !important}
.border-black,.hover-border-black:hover{border-color:#000 !important}
.border-blue,.hover-border-blue:hover{border-color:#2196F3 !important}
.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover{border-color:#607d8b !important}
.border-brown,.hover-border-brown:hover{border-color:#795548 !important}
.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4 !important}
.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover{border-color:#3a3a3a !important}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722 !important}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7 !important}
.border-green,.hover-border-green:hover{border-color:#4CAF50 !important}
.border-dark-green,.hover-border-dark-green:hover{border-color:#387c3b !important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#757575 !important}
.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5 !important}
.border-khaki,.hover-border-khaki:hover{border-color:#b4aa50 !important}
.border-light-blue,.hover-border-light-blue:hover{border-color:#87CEEB !important}
.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a !important}
.border-light-grey,.hover-border-light-grey:hover,.border-light-gray,.hover-border-light-gray:hover{border-color:#f1f1f1 !important}
.border-lime,.hover-border-lime:hover{border-color:#cddc39 !important}
.border-orange,.hover-border-orange:hover{border-color:#ff9800 !important}
.border-pale-blue,.hover-border-pale-blue:hover{border-color:#ddffff !important}
.border-pale-green,.hover-border-pale-green:hover{border-color:#ddffdd !important}
.border-pale-red,.hover-border-pale-red:hover{border-color:#ffdddd !important}
.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffcc !important}
.border-pink,.hover-border-pink:hover{border-color:#e91e63 !important}
.border-purple,.hover-border-purple:hover{border-color:#9c27b0 !important}
.border-red,.hover-border-red:hover{border-color:#f44336 !important}
.border-sand,.hover-border-sand:hover{border-color:#fdf5e6 !important}
.border-teal,.hover-border-teal:hover{border-color:#009688 !important}
.border-white,.hover-border-white:hover{border-color:#fff !important}
.border-yellow,.hover-border-yellow:hover{border-color:#d2be0e !important}