.bg-blue-600 {
  background-color: #0a58ca;
}

.bg-blue-700 {
  background-color: #084298;
}

.bg-blue-800 {
  background-color: #052c65;
}

.bg-blue-900 {
  background-color: #031633;
}

.bg-indigo-600 {
  background-color: #520dc2;
}

.bg-indigo-700 {
  background-color: #3d0a91;
}

.bg-indigo-800 {
  background-color: #290661;
}

.bg-indigo-900 {
  background-color: #140330;
}

.bg-purple-600 {
  background-color: #59359a;
}

.bg-purple-700 {
  background-color: #432874;
}

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

.bg-purple-900 {
  background-color: #160d27;
}

.bg-pink-600 {
  background-color: #ab296a;
}

.bg-pink-700 {
  background-color: #801f4f;
}

.bg-pink-800 {
  background-color: #561435;
}

.bg-pink-900 {
  background-color: #2b0a1a;
}

.bg-red-600 {
  background-color: #b02a37;
}

.bg-red-700 {
  background-color: #842029;
}

.bg-red-800 {
  background-color: #58151c;
}

.bg-red-900 {
  background-color: #2c0b0e;
}

.bg-orange-600 {
  background-color: #ca6510;
}

.bg-orange-700 {
  background-color: #984c0c;
}

.bg-orange-800 {
  background-color: #653208;
}

.bg-orange-900 {
  background-color: #331904;
}

.bg-yellow-600 {
  background-color: #cc9a06;
}

.bg-yellow-700 {
  background-color: #997404;
}

.bg-yellow-800 {
  background-color: #664d03;
}

.bg-yellow-900 {
  background-color: #332701;
}

.bg-green-600 {
  background-color: #146c43;
}

.bg-green-700 {
  background-color: #0f5132;
}

.bg-green-800 {
  background-color: #0a3622;
}

.bg-green-900 {
  background-color: #051b11;
}

.bg-teal-600 {
  background-color: #1aa179;
}

.bg-teal-700 {
  background-color: #13795b;
}

.bg-teal-800 {
  background-color: #0d503c;
}

.bg-teal-900 {
  background-color: #06281e;
}

.bg-cyan-600 {
  background-color: #0aa2c0;
}

.bg-cyan-700 {
  background-color: #087990;
}

.bg-cyan-800 {
  background-color: #055160;
}

.bg-cyan-900 {
  background-color: #032830;
}

.bg-white-600 {
  background-color: #cccccc;
}

.bg-white-700 {
  background-color: #999999;
}

.bg-white-800 {
  background-color: #666666;
}

.bg-white-900 {
  background-color: #333333;
}

.bg-gray-600 {
  background-color: #565e64;
}

.bg-gray-700 {
  background-color: #41464b;
}

.bg-gray-800 {
  background-color: #2b2f32;
}

.bg-gray-900 {
  background-color: #161719;
}

.bg-gray-dark-600 {
  background-color: #2a2e33;
}

.bg-gray-dark-700 {
  background-color: #1f2326;
}

.bg-gray-dark-800 {
  background-color: #15171a;
}

.bg-gray-dark-900 {
  background-color: #0a0c0d;
}

.bg-blue-400 {
  background-color: #3d8bfd;
}

.bg-blue-300 {
  background-color: #6ea8fe;
}

.bg-blue-200 {
  background-color: #9ec5fe;
}

.bg-blue-100 {
  background-color: #cfe2ff;
}

.bg-indigo-400 {
  background-color: #8540f5;
}

.bg-indigo-300 {
  background-color: #a370f7;
}

.bg-indigo-200 {
  background-color: #c29ffa;
}

.bg-indigo-100 {
  background-color: #e0cffc;
}

.bg-purple-400 {
  background-color: #8c68cd;
}

.bg-purple-300 {
  background-color: #a98eda;
}

.bg-purple-200 {
  background-color: #c5b3e6;
}

.bg-purple-100 {
  background-color: #e2d9f3;
}

.bg-pink-400 {
  background-color: #de5c9d;
}

.bg-pink-300 {
  background-color: #e685b5;
}

.bg-pink-200 {
  background-color: #efadce;
}

.bg-pink-100 {
  background-color: #f7d6e6;
}

.bg-red-400 {
  background-color: #e35d6a;
}

.bg-red-300 {
  background-color: #ea868f;
}

.bg-red-200 {
  background-color: #f1aeb5;
}

.bg-red-100 {
  background-color: #f8d7da;
}

.bg-orange-400 {
  background-color: #fd9843;
}

.bg-orange-300 {
  background-color: #feb272;
}

.bg-orange-200 {
  background-color: #fecba1;
}

.bg-orange-100, .carregando {
  background-color: #ffe5d0;
}

.bg-yellow-400 {
  background-color: #ffcd39;
}

.bg-yellow-300 {
  background-color: #ffda6a;
}

.bg-yellow-200 {
  background-color: #ffe69c;
}

.bg-yellow-100 {
  background-color: #fff3cd;
}

.bg-green-400 {
  background-color: #479f76;
}

.bg-green-300 {
  background-color: #75b798;
}

.bg-green-200 {
  background-color: #a3cfbb;
}

.bg-green-100 {
  background-color: #d1e7dd;
}

.bg-teal-400 {
  background-color: #4dd4ac;
}

.bg-teal-300 {
  background-color: #79dfc1;
}

.bg-teal-200 {
  background-color: #a6e9d5;
}

.bg-teal-100 {
  background-color: #d2f4ea;
}

.bg-cyan-400 {
  background-color: #3dd5f3;
}

.bg-cyan-300 {
  background-color: #6edff6;
}

.bg-cyan-200 {
  background-color: #9eeaf9;
}

.bg-cyan-100 {
  background-color: #cff4fc;
}

.bg-white-400 {
  background-color: white;
}

.bg-white-300 {
  background-color: white;
}

.bg-white-200 {
  background-color: white;
}

.bg-white-100 {
  background-color: white;
}

.bg-gray-400 {
  background-color: #899197;
}

.bg-gray-300 {
  background-color: #a7acb1;
}

.bg-gray-200 {
  background-color: #c4c8cb;
}

.bg-gray-100 {
  background-color: #e2e3e5;
}

.bg-gray-dark-400 {
  background-color: #5d6166;
}

.bg-gray-dark-300 {
  background-color: #85898c;
}

.bg-gray-dark-200 {
  background-color: #aeb0b3;
}

.bg-gray-dark-100 {
  background-color: #d6d8d9;
}

.border-blue-600 {
  border-color: #0a58ca;
  border-style: solid;
  border-width: 1px;
}

.border-blue-700 {
  border-color: #084298;
  border-style: solid;
  border-width: 1px;
}

.border-blue-800 {
  border-color: #052c65;
  border-style: solid;
  border-width: 1px;
}

.border-blue-900 {
  border-color: #031633;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-600 {
  border-color: #520dc2;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-700 {
  border-color: #3d0a91;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-800 {
  border-color: #290661;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-900 {
  border-color: #140330;
  border-style: solid;
  border-width: 1px;
}

.border-purple-600 {
  border-color: #59359a;
  border-style: solid;
  border-width: 1px;
}

.border-purple-700 {
  border-color: #432874;
  border-style: solid;
  border-width: 1px;
}

.border-purple-800 {
  border-color: #2c1a4d;
  border-style: solid;
  border-width: 1px;
}

.border-purple-900 {
  border-color: #160d27;
  border-style: solid;
  border-width: 1px;
}

.border-pink-600 {
  border-color: #ab296a;
  border-style: solid;
  border-width: 1px;
}

.border-pink-700 {
  border-color: #801f4f;
  border-style: solid;
  border-width: 1px;
}

.border-pink-800 {
  border-color: #561435;
  border-style: solid;
  border-width: 1px;
}

.border-pink-900 {
  border-color: #2b0a1a;
  border-style: solid;
  border-width: 1px;
}

.border-red-600 {
  border-color: #b02a37;
  border-style: solid;
  border-width: 1px;
}

.border-red-700 {
  border-color: #842029;
  border-style: solid;
  border-width: 1px;
}

.border-red-800 {
  border-color: #58151c;
  border-style: solid;
  border-width: 1px;
}

.border-red-900 {
  border-color: #2c0b0e;
  border-style: solid;
  border-width: 1px;
}

.border-orange-600 {
  border-color: #ca6510;
  border-style: solid;
  border-width: 1px;
}

.border-orange-700 {
  border-color: #984c0c;
  border-style: solid;
  border-width: 1px;
}

.border-orange-800 {
  border-color: #653208;
  border-style: solid;
  border-width: 1px;
}

.border-orange-900 {
  border-color: #331904;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-600 {
  border-color: #cc9a06;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-700 {
  border-color: #997404;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-800 {
  border-color: #664d03;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-900 {
  border-color: #332701;
  border-style: solid;
  border-width: 1px;
}

.border-green-600 {
  border-color: #146c43;
  border-style: solid;
  border-width: 1px;
}

.border-green-700 {
  border-color: #0f5132;
  border-style: solid;
  border-width: 1px;
}

.border-green-800 {
  border-color: #0a3622;
  border-style: solid;
  border-width: 1px;
}

.border-green-900 {
  border-color: #051b11;
  border-style: solid;
  border-width: 1px;
}

.border-teal-600 {
  border-color: #1aa179;
  border-style: solid;
  border-width: 1px;
}

.border-teal-700 {
  border-color: #13795b;
  border-style: solid;
  border-width: 1px;
}

.border-teal-800 {
  border-color: #0d503c;
  border-style: solid;
  border-width: 1px;
}

.border-teal-900 {
  border-color: #06281e;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-600 {
  border-color: #0aa2c0;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-700 {
  border-color: #087990;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-800 {
  border-color: #055160;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-900 {
  border-color: #032830;
  border-style: solid;
  border-width: 1px;
}

.border-white-600 {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

.border-white-700 {
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}

.border-white-800 {
  border-color: #666666;
  border-style: solid;
  border-width: 1px;
}

.border-white-900 {
  border-color: #333333;
  border-style: solid;
  border-width: 1px;
}

.border-gray-600 {
  border-color: #565e64;
  border-style: solid;
  border-width: 1px;
}

.border-gray-700 {
  border-color: #41464b;
  border-style: solid;
  border-width: 1px;
}

.border-gray-800 {
  border-color: #2b2f32;
  border-style: solid;
  border-width: 1px;
}

.border-gray-900 {
  border-color: #161719;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-600 {
  border-color: #2a2e33;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-700 {
  border-color: #1f2326;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-800 {
  border-color: #15171a;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-900 {
  border-color: #0a0c0d;
  border-style: solid;
  border-width: 1px;
}

.border-blue-400 {
  border-color: #3d8bfd;
  border-style: solid;
  border-width: 1px;
}

.border-blue-300 {
  border-color: #6ea8fe;
  border-style: solid;
  border-width: 1px;
}

.border-blue-200 {
  border-color: #9ec5fe;
  border-style: solid;
  border-width: 1px;
}

.border-blue-100 {
  border-color: #cfe2ff;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-400 {
  border-color: #8540f5;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-300 {
  border-color: #a370f7;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-200 {
  border-color: #c29ffa;
  border-style: solid;
  border-width: 1px;
}

.border-indigo-100 {
  border-color: #e0cffc;
  border-style: solid;
  border-width: 1px;
}

.border-purple-400 {
  border-color: #8c68cd;
  border-style: solid;
  border-width: 1px;
}

.border-purple-300 {
  border-color: #a98eda;
  border-style: solid;
  border-width: 1px;
}

.border-purple-200 {
  border-color: #c5b3e6;
  border-style: solid;
  border-width: 1px;
}

.border-purple-100 {
  border-color: #e2d9f3;
  border-style: solid;
  border-width: 1px;
}

.border-pink-400 {
  border-color: #de5c9d;
  border-style: solid;
  border-width: 1px;
}

.border-pink-300 {
  border-color: #e685b5;
  border-style: solid;
  border-width: 1px;
}

.border-pink-200 {
  border-color: #efadce;
  border-style: solid;
  border-width: 1px;
}

.border-pink-100 {
  border-color: #f7d6e6;
  border-style: solid;
  border-width: 1px;
}

.border-red-400 {
  border-color: #e35d6a;
  border-style: solid;
  border-width: 1px;
}

.border-red-300 {
  border-color: #ea868f;
  border-style: solid;
  border-width: 1px;
}

.border-red-200 {
  border-color: #f1aeb5;
  border-style: solid;
  border-width: 1px;
}

.border-red-100 {
  border-color: #f8d7da;
  border-style: solid;
  border-width: 1px;
}

.border-orange-400, .carregando {
  border-color: #fd9843;
  border-style: solid;
  border-width: 1px;
}

.border-orange-300 {
  border-color: #feb272;
  border-style: solid;
  border-width: 1px;
}

.border-orange-200 {
  border-color: #fecba1;
  border-style: solid;
  border-width: 1px;
}

.border-orange-100 {
  border-color: #ffe5d0;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-400 {
  border-color: #ffcd39;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-300 {
  border-color: #ffda6a;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-200 {
  border-color: #ffe69c;
  border-style: solid;
  border-width: 1px;
}

.border-yellow-100 {
  border-color: #fff3cd;
  border-style: solid;
  border-width: 1px;
}

.border-green-400 {
  border-color: #479f76;
  border-style: solid;
  border-width: 1px;
}

.border-green-300 {
  border-color: #75b798;
  border-style: solid;
  border-width: 1px;
}

.border-green-200 {
  border-color: #a3cfbb;
  border-style: solid;
  border-width: 1px;
}

.border-green-100 {
  border-color: #d1e7dd;
  border-style: solid;
  border-width: 1px;
}

.border-teal-400 {
  border-color: #4dd4ac;
  border-style: solid;
  border-width: 1px;
}

.border-teal-300 {
  border-color: #79dfc1;
  border-style: solid;
  border-width: 1px;
}

.border-teal-200 {
  border-color: #a6e9d5;
  border-style: solid;
  border-width: 1px;
}

.border-teal-100 {
  border-color: #d2f4ea;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-400 {
  border-color: #3dd5f3;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-300 {
  border-color: #6edff6;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-200 {
  border-color: #9eeaf9;
  border-style: solid;
  border-width: 1px;
}

.border-cyan-100 {
  border-color: #cff4fc;
  border-style: solid;
  border-width: 1px;
}

.border-white-400 {
  border-color: white;
  border-style: solid;
  border-width: 1px;
}

.border-white-300 {
  border-color: white;
  border-style: solid;
  border-width: 1px;
}

.border-white-200 {
  border-color: white;
  border-style: solid;
  border-width: 1px;
}

.border-white-100 {
  border-color: white;
  border-style: solid;
  border-width: 1px;
}

.border-gray-400 {
  border-color: #899197;
  border-style: solid;
  border-width: 1px;
}

.border-gray-300 {
  border-color: #a7acb1;
  border-style: solid;
  border-width: 1px;
}

.border-gray-200 {
  border-color: #c4c8cb;
  border-style: solid;
  border-width: 1px;
}

.border-gray-100 {
  border-color: #e2e3e5;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-400 {
  border-color: #5d6166;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-300 {
  border-color: #85898c;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-200 {
  border-color: #aeb0b3;
  border-style: solid;
  border-width: 1px;
}

.border-gray-dark-100 {
  border-color: #d6d8d9;
  border-style: solid;
  border-width: 1px;
}

.text-blue-600 {
  color: #0a58ca;
}

.text-blue-700 {
  color: #084298;
}

.text-blue-800 {
  color: #052c65;
}

.text-blue-900 {
  color: #031633;
}

.text-indigo-600 {
  color: #520dc2;
}

.text-indigo-700 {
  color: #3d0a91;
}

.text-indigo-800 {
  color: #290661;
}

.text-indigo-900 {
  color: #140330;
}

.text-purple-600 {
  color: #59359a;
}

.text-purple-700 {
  color: #432874;
}

.text-purple-800 {
  color: #2c1a4d;
}

.text-purple-900 {
  color: #160d27;
}

.text-pink-600 {
  color: #ab296a;
}

.text-pink-700 {
  color: #801f4f;
}

.text-pink-800 {
  color: #561435;
}

.text-pink-900 {
  color: #2b0a1a;
}

.text-red-600 {
  color: #b02a37;
}

.text-red-700 {
  color: #842029;
}

.text-red-800 {
  color: #58151c;
}

.text-red-900 {
  color: #2c0b0e;
}

.text-orange-600 {
  color: #ca6510;
}

.text-orange-700, .carregando {
  color: #984c0c;
}

.text-orange-800 {
  color: #653208;
}

.text-orange-900 {
  color: #331904;
}

.text-yellow-600 {
  color: #cc9a06;
}

.text-yellow-700 {
  color: #997404;
}

.text-yellow-800 {
  color: #664d03;
}

.text-yellow-900 {
  color: #332701;
}

.text-green-600 {
  color: #146c43;
}

.text-green-700 {
  color: #0f5132;
}

.text-green-800 {
  color: #0a3622;
}

.text-green-900 {
  color: #051b11;
}

.text-teal-600 {
  color: #1aa179;
}

.text-teal-700 {
  color: #13795b;
}

.text-teal-800 {
  color: #0d503c;
}

.text-teal-900 {
  color: #06281e;
}

.text-cyan-600 {
  color: #0aa2c0;
}

.text-cyan-700 {
  color: #087990;
}

.text-cyan-800 {
  color: #055160;
}

.text-cyan-900 {
  color: #032830;
}

.text-white-600 {
  color: #cccccc;
}

.text-white-700 {
  color: #999999;
}

.text-white-800 {
  color: #666666;
}

.text-white-900 {
  color: #333333;
}

.text-gray-600 {
  color: #565e64;
}

.text-gray-700 {
  color: #41464b;
}

.text-gray-800 {
  color: #2b2f32;
}

.text-gray-900 {
  color: #161719;
}

.text-gray-dark-600 {
  color: #2a2e33;
}

.text-gray-dark-700 {
  color: #1f2326;
}

.text-gray-dark-800 {
  color: #15171a;
}

.text-gray-dark-900 {
  color: #0a0c0d;
}

.text-blue-400 {
  color: #3d8bfd;
}

.text-blue-300 {
  color: #6ea8fe;
}

.text-blue-200 {
  color: #9ec5fe;
}

.text-blue-100 {
  color: #cfe2ff;
}

.text-indigo-400 {
  color: #8540f5;
}

.text-indigo-300 {
  color: #a370f7;
}

.text-indigo-200 {
  color: #c29ffa;
}

.text-indigo-100 {
  color: #e0cffc;
}

.text-purple-400 {
  color: #8c68cd;
}

.text-purple-300 {
  color: #a98eda;
}

.text-purple-200 {
  color: #c5b3e6;
}

.text-purple-100 {
  color: #e2d9f3;
}

.text-pink-400 {
  color: #de5c9d;
}

.text-pink-300 {
  color: #e685b5;
}

.text-pink-200 {
  color: #efadce;
}

.text-pink-100 {
  color: #f7d6e6;
}

.text-red-400 {
  color: #e35d6a;
}

.text-red-300 {
  color: #ea868f;
}

.text-red-200 {
  color: #f1aeb5;
}

.text-red-100 {
  color: #f8d7da;
}

.text-orange-400 {
  color: #fd9843;
}

.text-orange-300 {
  color: #feb272;
}

.text-orange-200 {
  color: #fecba1;
}

.text-orange-100 {
  color: #ffe5d0;
}

.text-yellow-400 {
  color: #ffcd39;
}

.text-yellow-300 {
  color: #ffda6a;
}

.text-yellow-200 {
  color: #ffe69c;
}

.text-yellow-100 {
  color: #fff3cd;
}

.text-green-400 {
  color: #479f76;
}

.text-green-300 {
  color: #75b798;
}

.text-green-200 {
  color: #a3cfbb;
}

.text-green-100 {
  color: #d1e7dd;
}

.text-teal-400 {
  color: #4dd4ac;
}

.text-teal-300 {
  color: #79dfc1;
}

.text-teal-200 {
  color: #a6e9d5;
}

.text-teal-100 {
  color: #d2f4ea;
}

.text-cyan-400 {
  color: #3dd5f3;
}

.text-cyan-300 {
  color: #6edff6;
}

.text-cyan-200 {
  color: #9eeaf9;
}

.text-cyan-100 {
  color: #cff4fc;
}

.text-white-400 {
  color: white;
}

.text-white-300 {
  color: white;
}

.text-white-200 {
  color: white;
}

.text-white-100 {
  color: white;
}

.text-gray-400 {
  color: #899197;
}

.text-gray-300 {
  color: #a7acb1;
}

.text-gray-200 {
  color: #c4c8cb;
}

.text-gray-100 {
  color: #e2e3e5;
}

.text-gray-dark-400 {
  color: #5d6166;
}

.text-gray-dark-300 {
  color: #85898c;
}

.text-gray-dark-200 {
  color: #aeb0b3;
}

.text-gray-dark-100 {
  color: #d6d8d9;
}

.alpha {
  color: #6f42c1;
}

.beta {
  color: yellow-800;
  background-color: indigo-900;
}

.carregando {
  border-left-width: 7px;
  border-left-style: solid;
  font-weight: 700;
  padding: 5px;
  margin-bottom: 5px;
  width: 40%;
} 
/*.floating-select-label { z-index: 1000; } */
.floating-select-label {
  z-index: 1000;
}

.color-dot {
  height: 16px;
  width: 16px;
  background-color: var(--dot-color, #6c757d);
  border-radius: 100%;
}

/* Tema visual dos botoes principais do portal */
:root {
  --portal-primary: #0c354b;
  --portal-primary-hover: #082b3d;
  --portal-primary-active: #062331;
  --portal-primary-rgb: 12, 53, 75;
  --portal-icon-color: #b68f61;
  --bs-primary: var(--portal-primary);
  --bs-primary-rgb: var(--portal-primary-rgb);
  --bs-link-color: var(--portal-primary);
  --bs-link-hover-color: var(--portal-primary-hover);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--portal-primary);
  --bs-btn-border-color: var(--portal-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--portal-primary-hover);
  --bs-btn-hover-border-color: var(--portal-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--portal-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--portal-primary-active);
  --bs-btn-active-border-color: var(--portal-primary-active);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--portal-primary);
  --bs-btn-disabled-border-color: var(--portal-primary);
  min-height: 42px;
  padding: 0.55rem 1.4rem;
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: 0 0.2rem 0.45rem rgba(var(--portal-primary-rgb), 0.22);
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  box-shadow: 0 0.3rem 0.65rem rgba(var(--portal-primary-rgb), 0.3);
}

.btn-primary:focus-visible {
  outline: 0;
}

.btn-primary:disabled,
.btn-primary.disabled {
  box-shadow: none;
  opacity: 0.65;
}

.btn-primary.btn-sm {
  min-height: 34px;
  padding: 0.4rem 0.85rem;
  border-radius: 0.45rem;
}

.btn-primary.btn-lg {
  min-height: 48px;
  padding: 0.7rem 1.65rem;
  border-radius: 0.6rem;
}

.btn-outline-primary {
  --bs-btn-color: var(--portal-primary);
  --bs-btn-border-color: var(--portal-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--portal-primary);
  --bs-btn-hover-border-color: var(--portal-primary);
  --bs-btn-focus-shadow-rgb: var(--portal-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--portal-primary-active);
  --bs-btn-active-border-color: var(--portal-primary-active);
  --bs-btn-disabled-color: var(--portal-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--portal-primary);
}

.text-primary,
.link-primary {
  color: var(--portal-primary) !important;
}

.link-primary:hover,
.link-primary:focus {
  color: var(--portal-primary-hover) !important;
}

.bg-primary,
.text-bg-primary {
  background-color: var(--portal-primary) !important;
}

.border-primary {
  border-color: var(--portal-primary) !important;
}

.pagination {
  --bs-pagination-color: var(--portal-primary);
  --bs-pagination-hover-color: var(--portal-primary-hover);
  --bs-pagination-focus-color: var(--portal-primary-hover);
  --bs-pagination-active-bg: var(--portal-primary);
  --bs-pagination-active-border-color: var(--portal-primary);
}

.dropdown-item.active,
.dropdown-item:active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.list-group-item.active {
  background-color: var(--portal-primary);
  border-color: var(--portal-primary);
}

.form-check-input:checked {
  background-color: var(--portal-primary);
  border-color: var(--portal-primary);
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
  border-color: rgba(var(--portal-primary-rgb), 0.65);
  box-shadow: 0 0 0 0.25rem rgba(var(--portal-primary-rgb), 0.2);
}

/* Cor institucional aplicada aos icones do portal */
.bi,
[class^="bi-"],
[class*=" bi-"],
.fa,
.fas,
.far,
.fal,
.fab,
[class^="fa-"],
[class*=" fa-"],
.material-icons,
.material-symbols-outlined {
  color: var(--portal-icon-color) !important;
}

[class^="btn-"]::before,
[class*=" btn-"]::before,
[class^="dropdown-item-"]::before,
[class*=" dropdown-item-"]::before {
  color: var(--portal-icon-color) !important;
}

.btn svg,
.dropdown-item svg,
svg.bi,
.icon svg {
  color: var(--portal-icon-color) !important;
  fill: currentColor;
}

.dropdown-toggle::after {
  border-top-color: var(--portal-icon-color);
}

.dropup .dropdown-toggle::after,
.dropstart .dropdown-toggle::before {
  border-bottom-color: var(--portal-icon-color);
}

.dropend .dropdown-toggle::after {
  border-left-color: var(--portal-icon-color);
}

.dropstart .dropdown-toggle::before {
  border-right-color: var(--portal-icon-color);
}

.btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b68f61'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  opacity: 1;
}

.game-path-link,
.game-path-link code,
.game-path-text {
  color: var(--portal-primary) !important;
}

.game-path-link:hover,
.game-path-link:focus,
.game-path-link:hover code,
.game-path-link:focus code {
  color: var(--portal-primary-hover) !important;
}
