/*::::::::: COLORS ::::::: */

.white-color { color: #fff; }
.white-bg,
.btn.white-bg:hover,
.btn.white-bg:focus { background-color: #fff; }
.gray-light-color { color: #cacbcb; }
.gray-light-bg { background-color: #cacbcb; }
.gray-color { color: #666; }
.gray-bg,
.btn.gray-bg:hover,
.btn.gray-bg:focus { background-color: #ccc; }
.gray-dark-color { color: #9a9b9b; }
.gray-dark-bg,
.btn.gray-dark-bg:hover,
.btn.gray-dark-bg:focus { background-color: #9a9b9b; }
.black-color { color: #222; }
.black-bg,
.btn.black-bg:hover,
.btn.black-bg:focus { background-color: #222; }
.red-color { color: #ea9187; }
.red-bg,
.btn.red-bg:hover,
.btn.red-bg:focus { background-color: #ea9187; }
.red-lt-color { color: #fddcd4; }
.red-lt-bg,
.btn.red-lt-bg:hover,
.btn.red-lt-bg:focus { background-color: #fddcd4; }
/**/

.red-dk-color {  color: #;
}
.ltred-color { color: #ffc5bf; }
.ltred-bg,
.btn.ltred-bg:hover,
.btn.ltred-bg:focus { background-color: #ffc5bf; }
.ltred-lt-color { color: #ffdfdc; }
.ltred-lt-bg,
.btn.ltred-lt-bg:hover,
.btn.ltred-lt-bg:focus { background-color: #ffdfdc; }
/**/

.ltred-dk-color { color: #ff9d9b; }
.ltred-dk-bg { background-color: #ff9d9b; }
.orange-color { color: #fcb291; }
.orange-bg,
.btn.orange-bg:hover,
.btn.orange-bg:focus { background-color: #fcb291; }
.orange-lt { color: #fed2b7; }
.orange-lt-bg,
.btn.orange-lt-bg:hover,
.btn.orange-lt-bg:focus { background-color: #fed2b7; }
.yellow-color { color: #ffe5ad; }
.yellow-bg,
.btn.yellow-bg:hover,
.btn.yellow-bg:focus { background-color: #ffe5ad !important; }
.yellow-lt-color { color: #fff0d0; }
.yellow-lt-bg,
.btn.yellow-lt-bg:hover,
.btn.yellow-lt-bg:focus { background-color: #fff0d0 !important; }
/**/

.yellow-dk-color { color: #dab248; }
.yellow-dk-bg { background-color: #dab248; }
/**/

.yellow-dk2-color { color: #ffda81; }
.yellow-dk2-bg { background-color: #ffda81; }
/**/

.yellow-dk3-color { color: #ffe293; }
.yellow-dk3-bg { background-color: #ffe293; }
.green2-lt3-bg { background-color: #f2f2f1; }
.green2-lt2-color { color: #deebe0; }
.green2-lt-color { color: #c9e6cd; }
.green2-color { color: #b1dcbf; }
.green2-dk-color { color: #98d3b3; }
.green2-lt2-bg { background-color: #deebe0; }
.green2-lt-bg { background-color: #c9e6cd; }
.green2-bg { background-color: #b1dcbf; }
.green2-dk-bg { background-color: #98d3b3; }
.green-color { color: #96d8b5; }
.green-bg,
.btn.green-bg:hover,
.btn.green-bg:focus { background-color: #96d8b5; }
.green-lt-color { color: #c6f3d2; }
.green-lt-bg,
.btn.green-lt-bg:hover,
.btn.green-lt-bg:focus { background-color: #c6f3d2; }
/**/

.green-dk-color { color: #64be8c; }
.green-dk-bg { background-color: #64be8c; }
.blue-lt2-color { color: #c6e2f3; }
.blue-lt2-bg { background-color: #c6e2f3; }
.blue-lt-color { color: #a7d3f2; }
.blue-lt-bg,
.btn.blue-lt-bg:hover,
.btn.blue-lt-bg:focus { background-color: #a7d3f2; }
.blue-color { color: #72b2e4; }
.blue-bg,
.btn.blue-bg:hover,
.btn.blue-bg:focus { background-color: #72b2e4; }
.blue-doc1 { background-color: #007cbd; }
.blue-doc2 { background-color: #005b8a; }
.blue-dk-color { color: #5d9ec6; }
.blue-dk-bg { background-color: #5d9ec6; }
.purple-color { color: #a6a6f4; }
.purple-bg,
.btn.purple-bg:hover,
.btn.purple-bg:focus { background-color: #a6a6f4; }
.purple-lt2-color { color: #eaeafd; }
.purple-lt2-bg { background-color: #eaeafd; }
.purple-lt-color { color: #d4d4f4; }
.purple-lt-bg,
.btn.purple-lt-bg:hover,
.btn.purple-lt-bg:focus { background-color: #d4d4f4; }
/**/

.purple-dk-color { color: #8d8bf4; }
.purple-dk-bg { background-color: #8d8bf4; }






/*::::::::: ShellColors*/

/* VAII */

/* mathematical thinking */

.old-blue-bg { background-color: #1e69a2; }
.vpk-blue-dark-color { color: #0F70B9; }
.vpk-blue-dark-bg,
.btn.vpk-blue-dark-bg:hover,
.btn.vpk-blue-dark-bg:focus { background-color: #0F70B9; /*#1e69a2;*/
}
.vpk-blue-mid-bg,
.btn.vpk-blue-mid-bg:hover,
.btn.vpk-blue-mid-bg:focus { background-color: #3f94d5; }
.vpk-blue-mid-color { color: #3f94d5; }
.vpk-blue-light-color { color: #ddf0ff; }
.vpk-blue-light-bg,
.btn.vpk-blue-light-bg:hover,
.btn.vpk-blue-light-bg:focus { background-color: #ddf0ff; }
/*s4yo*/

.vpk-purple-dark-color { color: #494b96; }
.vpk-purple-dark-bg,
.btn.vpk-purple-dark-bg:hover,
.btn.vpk-purple-dark-bg:focus { background-color: #494b96; }
.vpk-purple-mid-color { color: #6b6ebd; }
.vpk-purple-mid-bg,
.btn.vpk-purple-mid-bg:hover,
.btn.vpk-purple-mid-bg:focus { background-color: #6b6ebd; }
.vpk-purple-light-color { color: #e1e2f2; }
.vpk-purple-light-bg,
.btn.vpk-purple-light-bg:hover,
.btn.vpk-purple-light-bg:focus { background-color: #e1e2f2; }
.vpk-sand-bg,
.btn.vpk-sand-bg:hover,
.btn.vpk-sand-bg:focus { background-color: #f4ebce; }
.alt-blue-color { color: #318ac6; }
.alt-blue-dark-color { color: #006bb3; }
.alt-blue-bg,
.btn.alt-blue-bg:hover,
.btn.alt-blue-bg:focus { background-color: #318ac6; }
.alt-blue-dark-bg,
.btn.blue-dark-bg:hover,
.btn.blue-dark-bg:focus { background-color: #006bb3; }
.green-bg,
.btn.green-bg:hover,
.btn.green-bg:focus { background-color: #6fc475; }
.purple-bg,
.btn.purple-bg:hover,
.btn.purple-bg:focus { background-color: #642d91; }
.purple-light-bg,
.btn.purple-light-bg:hover,
.btn.purple-light-bg:focus { background-color: #9b59b6; }
.orange-bg,
.btn.orange-bg:hover,
.btn.orange-bg:focus { background-color: #fcb03f; }