.text-white {
  color: #fff;
}

.text-black {
  color: #fff;
}

.bg-gray-dark-1 {
  background-color: #A9A9A9 !important;
}

.bg-gray-dark-2 {
  background-color: #858585 !important;
}

.bg-gray-dark-3 {
  background-color: #666666 !important;
}

.bg-gray-dark-4 {
  background-color: #414141 !important;
}

.bg-gray-dark-5 {
  background-color: #252525 !important;
}

.txt-gray-dark-1 {
  color: #A9A9A9 !important;
}

.txt-gray-dark-2 {
  color: #858585 !important;
}

.txt-gray-dark-3 {
  color: #666666 !important;
}

.txt-gray-dark-4 {
  color: #414141 !important;
}

.txt-gray-dark-5 {
  color: #252525 !important;
}

.bordered-gray-dark-1 {
  color: #A9A9A9;
  border-color: #A9A9A9 !important;
  background: #fff !important;
}
.bordered-gray-dark-1:hover {
  background: #A9A9A9 !important;
  color: #fff;
}

.bordered-gray-dark-2 {
  color: #858585;
  border-color: #858585 !important;
  background: #fff !important;
}
.bordered-gray-dark-2:hover {
  background: #858585 !important;
  color: #fff;
}

.bordered-gray-dark-3 {
  color: #666666;
  border-color: #666666 !important;
  background: #fff !important;
}
.bordered-gray-dark-3:hover {
  background: #666666 !important;
  color: #fff;
}

.bordered-gray-dark-4 {
  color: #414141;
  border-color: #414141 !important;
  background: #fff !important;
}
.bordered-gray-dark-4:hover {
  background: #414141 !important;
  color: #fff;
}

.bordered-gray-dark-5 {
  color: #252525;
  border-color: #252525 !important;
  background: #fff !important;
}
.bordered-gray-dark-5:hover {
  background: #252525 !important;
  color: #fff;
}

.bg-gray-light-1 {
  background-color: #F5F5F5 !important;
}

.bg-gray-light-2 {
  background-color: #E7E7E7 !important;
}

.bg-gray-light-3 {
  background-color: #DDDDDD !important;
}

.bg-gray-light-4 {
  background-color: #D3D3D3 !important;
}

.bg-gray-light-5 {
  background-color: #CBCBCB !important;
}

.txt-gray-light-1 {
  color: #F5F5F5 !important;
}

.txt-gray-light-2 {
  color: #E7E7E7 !important;
}

.txt-gray-light-3 {
  color: #DDDDDD !important;
}

.txt-gray-light-4 {
  color: #D3D3D3 !important;
}

.txt-gray-light-5 {
  color: #CBCBCB !important;
}

.bordered-gray-light-1 {
  color: #F5F5F5;
  border-color: #F5F5F5 !important;
  background: #fff !important;
}
.bordered-gray-light-1:hover {
  background: #F5F5F5 !important;
  color: #fff;
}

.bordered-gray-light-2 {
  color: #E7E7E7;
  border-color: #E7E7E7 !important;
  background: #fff !important;
}
.bordered-gray-light-2:hover {
  background: #E7E7E7 !important;
  color: #fff;
}

.bordered-gray-light-3 {
  color: #DDDDDD;
  border-color: #DDDDDD !important;
  background: #fff !important;
}
.bordered-gray-light-3:hover {
  background: #DDDDDD !important;
  color: #fff;
}

.bordered-gray-light-4 {
  color: #D3D3D3;
  border-color: #D3D3D3 !important;
  background: #fff !important;
}
.bordered-gray-light-4:hover {
  background: #D3D3D3 !important;
  color: #fff;
}

.bordered-gray-light-5 {
  color: #CBCBCB;
  border-color: #CBCBCB !important;
  background: #fff !important;
}
.bordered-gray-light-5:hover {
  background: #CBCBCB !important;
  color: #fff;
}

.bg-yellow-dark-1 {
  background-color: #F8D8A7 !important;
}

.bg-yellow-dark-2 {
  background-color: #EDC588 !important;
}

.bg-yellow-dark-3 {
  background-color: #D4A662 !important;
}

.bg-yellow-dark-4 {
  background-color: #BE8E46 !important;
}

.bg-yellow-dark-5 {
  background-color: #A4742C !important;
}

.txt-yellow-dark-1 {
  color: #F8D8A7 !important;
}

.txt-yellow-dark-2 {
  color: #EDC588 !important;
}

.txt-yellow-dark-3 {
  color: #D4A662 !important;
}

.txt-yellow-dark-4 {
  color: #BE8E46 !important;
}

.txt-yellow-dark-5 {
  color: #A4742C !important;
}

.bordered-yellow-dark-1 {
  color: #F8D8A7;
  border-color: #F8D8A7 !important;
  background: #fff !important;
}
.bordered-yellow-dark-1:hover {
  background: #F8D8A7 !important;
  color: #fff;
}

.bordered-yellow-dark-2 {
  color: #EDC588;
  border-color: #EDC588 !important;
  background: #fff !important;
}
.bordered-yellow-dark-2:hover {
  background: #EDC588 !important;
  color: #fff;
}

.bordered-yellow-dark-3 {
  color: #D4A662;
  border-color: #D4A662 !important;
  background: #fff !important;
}
.bordered-yellow-dark-3:hover {
  background: #D4A662 !important;
  color: #fff;
}

.bordered-yellow-dark-4 {
  color: #BE8E46;
  border-color: #BE8E46 !important;
  background: #fff !important;
}
.bordered-yellow-dark-4:hover {
  background: #BE8E46 !important;
  color: #fff;
}

.bordered-yellow-dark-5 {
  color: #A4742C;
  border-color: #A4742C !important;
  background: #fff !important;
}
.bordered-yellow-dark-5:hover {
  background: #A4742C !important;
  color: #fff;
}

.bg-yellow-light-1 {
  background-color: #FBEF7F !important;
}

.bg-yellow-light-2 {
  background-color: #EBDC58 !important;
}

.bg-yellow-light-3 {
  background-color: #D4C53D !important;
}

.bg-yellow-light-4 {
  background-color: #BEAF29 !important;
}

.bg-yellow-light-5 {
  background-color: #A79A22 !important;
}

.txt-yellow-light-1 {
  color: #FBEF7F !important;
}

.txt-yellow-light-2 {
  color: #EBDC58 !important;
}

.txt-yellow-light-3 {
  color: #D4C53D !important;
}

.txt-yellow-light-4 {
  color: #BEAF29 !important;
}

.txt-yellow-light-5 {
  color: #A79A22 !important;
}

.bordered-yellow-light-1 {
  color: #FBEF7F;
  border-color: #FBEF7F !important;
  background: #fff !important;
}
.bordered-yellow-light-1:hover {
  background: #FBEF7F !important;
  color: #fff;
}

.bordered-yellow-light-2 {
  color: #EBDC58;
  border-color: #EBDC58 !important;
  background: #fff !important;
}
.bordered-yellow-light-2:hover {
  background: #EBDC58 !important;
  color: #fff;
}

.bordered-yellow-light-3 {
  color: #D4C53D;
  border-color: #D4C53D !important;
  background: #fff !important;
}
.bordered-yellow-light-3:hover {
  background: #D4C53D !important;
  color: #fff;
}

.bordered-yellow-light-4 {
  color: #BEAF29;
  border-color: #BEAF29 !important;
  background: #fff !important;
}
.bordered-yellow-light-4:hover {
  background: #BEAF29 !important;
  color: #fff;
}

.bordered-yellow-light-5 {
  color: #A79A22;
  border-color: #A79A22 !important;
  background: #fff !important;
}
.bordered-yellow-light-5:hover {
  background: #A79A22 !important;
  color: #fff;
}

.bg-orange-dark-1 {
  background-color: #DFAE75 !important;
}

.bg-orange-dark-2 {
  background-color: #BF8E55 !important;
}

.bg-orange-dark-3 {
  background-color: #A4753F !important;
}

.bg-orange-dark-4 {
  background-color: #895E2D !important;
}

.bg-orange-dark-5 {
  background-color: #714D24 !important;
}

.txt-orange-dark-1 {
  color: #DFAE75 !important;
}

.txt-orange-dark-2 {
  color: #BF8E55 !important;
}

.txt-orange-dark-3 {
  color: #A4753F !important;
}

.txt-orange-dark-4 {
  color: #895E2D !important;
}

.txt-orange-dark-5 {
  color: #714D24 !important;
}

.bordered-orange-dark-1 {
  color: #DFAE75;
  border-color: #DFAE75 !important;
  background: #fff !important;
}
.bordered-orange-dark-1:hover {
  background: #DFAE75 !important;
  color: #fff;
}

.bordered-orange-dark-2 {
  color: #BF8E55;
  border-color: #BF8E55 !important;
  background: #fff !important;
}
.bordered-orange-dark-2:hover {
  background: #BF8E55 !important;
  color: #fff;
}

.bordered-orange-dark-3 {
  color: #A4753F;
  border-color: #A4753F !important;
  background: #fff !important;
}
.bordered-orange-dark-3:hover {
  background: #A4753F !important;
  color: #fff;
}

.bordered-orange-dark-4 {
  color: #895E2D;
  border-color: #895E2D !important;
  background: #fff !important;
}
.bordered-orange-dark-4:hover {
  background: #895E2D !important;
  color: #fff;
}

.bordered-orange-dark-5 {
  color: #714D24;
  border-color: #714D24 !important;
  background: #fff !important;
}
.bordered-orange-dark-5:hover {
  background: #714D24 !important;
  color: #fff;
}

.bg-orange-light-1 {
  background-color: #F2B385 !important;
}

.bg-orange-light-2 {
  background-color: #E59E6A !important;
}

.bg-orange-light-3 {
  background-color: #D3854D !important;
}

.bg-orange-light-4 {
  background-color: #BF7541 !important;
}

.bg-orange-light-5 {
  background-color: #A46131 !important;
}

.txt-orange-light-1 {
  color: #F2B385 !important;
}

.txt-orange-light-2 {
  color: #E59E6A !important;
}

.txt-orange-light-3 {
  color: #D3854D !important;
}

.txt-orange-light-4 {
  color: #BF7541 !important;
}

.txt-orange-light-5 {
  color: #A46131 !important;
}

.bordered-orange-light-1 {
  color: #F2B385;
  border-color: #F2B385 !important;
  background: #fff !important;
}
.bordered-orange-light-1:hover {
  background: #F2B385 !important;
  color: #fff;
}

.bordered-orange-light-2 {
  color: #E59E6A;
  border-color: #E59E6A !important;
  background: #fff !important;
}
.bordered-orange-light-2:hover {
  background: #E59E6A !important;
  color: #fff;
}

.bordered-orange-light-3 {
  color: #D3854D;
  border-color: #D3854D !important;
  background: #fff !important;
}
.bordered-orange-light-3:hover {
  background: #D3854D !important;
  color: #fff;
}

.bordered-orange-light-4 {
  color: #BF7541;
  border-color: #BF7541 !important;
  background: #fff !important;
}
.bordered-orange-light-4:hover {
  background: #BF7541 !important;
  color: #fff;
}

.bordered-orange-light-5 {
  color: #A46131;
  border-color: #A46131 !important;
  background: #fff !important;
}
.bordered-orange-light-5:hover {
  background: #A46131 !important;
  color: #fff;
}

.bg-red-dark-1 {
  background-color: #FA8989 !important;
}

.bg-red-dark-2 {
  background-color: #E26B6B !important;
}

.bg-red-dark-3 {
  background-color: #C54848 !important;
}

.bg-red-dark-4 {
  background-color: #8F2A2A !important;
}

.bg-red-dark-5 {
  background-color: #721818 !important;
}

.txt-red-dark-1 {
  color: #FA8989 !important;
}

.txt-red-dark-2 {
  color: #E26B6B !important;
}

.txt-red-dark-3 {
  color: #C54848 !important;
}

.txt-red-dark-4 {
  color: #8F2A2A !important;
}

.txt-red-dark-5 {
  color: #721818 !important;
}

.bordered-red-dark-1 {
  color: #FA8989;
  border-color: #FA8989 !important;
  background: #fff !important;
}
.bordered-red-dark-1:hover {
  background: #FA8989 !important;
  color: #fff;
}

.bordered-red-dark-2 {
  color: #E26B6B;
  border-color: #E26B6B !important;
  background: #fff !important;
}
.bordered-red-dark-2:hover {
  background: #E26B6B !important;
  color: #fff;
}

.bordered-red-dark-3 {
  color: #C54848;
  border-color: #C54848 !important;
  background: #fff !important;
}
.bordered-red-dark-3:hover {
  background: #C54848 !important;
  color: #fff;
}

.bordered-red-dark-4 {
  color: #8F2A2A;
  border-color: #8F2A2A !important;
  background: #fff !important;
}
.bordered-red-dark-4:hover {
  background: #8F2A2A !important;
  color: #fff;
}

.bordered-red-dark-5 {
  color: #721818;
  border-color: #721818 !important;
  background: #fff !important;
}
.bordered-red-dark-5:hover {
  background: #721818 !important;
  color: #fff;
}

.bg-red-light-1 {
  background-color: #FC9D9D !important;
}

.bg-red-light-2 {
  background-color: #E48080 !important;
}

.bg-red-light-3 {
  background-color: #D46262 !important;
}

.bg-red-light-4 {
  background-color: #BA5050 !important;
}

.bg-red-light-5 {
  background-color: #953636 !important;
}

.txt-red-light-1 {
  color: #FC9D9D !important;
}

.txt-red-light-2 {
  color: #E48080 !important;
}

.txt-red-light-3 {
  color: #D46262 !important;
}

.txt-red-light-4 {
  color: #BA5050 !important;
}

.txt-red-light-5 {
  color: #953636 !important;
}

.bordered-red-light-1 {
  color: #FC9D9D;
  border-color: #FC9D9D !important;
  background: #fff !important;
}
.bordered-red-light-1:hover {
  background: #FC9D9D !important;
  color: #fff;
}

.bordered-red-light-2 {
  color: #E48080;
  border-color: #E48080 !important;
  background: #fff !important;
}
.bordered-red-light-2:hover {
  background: #E48080 !important;
  color: #fff;
}

.bordered-red-light-3 {
  color: #D46262;
  border-color: #D46262 !important;
  background: #fff !important;
}
.bordered-red-light-3:hover {
  background: #D46262 !important;
  color: #fff;
}

.bordered-red-light-4 {
  color: #BA5050;
  border-color: #BA5050 !important;
  background: #fff !important;
}
.bordered-red-light-4:hover {
  background: #BA5050 !important;
  color: #fff;
}

.bordered-red-light-5 {
  color: #953636;
  border-color: #953636 !important;
  background: #fff !important;
}
.bordered-red-light-5:hover {
  background: #953636 !important;
  color: #fff;
}

.bg-pink-dark-1 {
  background-color: #FD9CC5 !important;
}

.bg-pink-dark-2 {
  background-color: #EB84AF !important;
}

.bg-pink-dark-3 {
  background-color: #D06A95 !important;
}

.bg-pink-dark-4 {
  background-color: #AF4E77 !important;
}

.bg-pink-dark-5 {
  background-color: #8F335A !important;
}

.txt-pink-dark-1 {
  color: #FD9CC5 !important;
}

.txt-pink-dark-2 {
  color: #EB84AF !important;
}

.txt-pink-dark-3 {
  color: #D06A95 !important;
}

.txt-pink-dark-4 {
  color: #AF4E77 !important;
}

.txt-pink-dark-5 {
  color: #8F335A !important;
}

.bordered-pink-dark-1 {
  color: #FD9CC5;
  border-color: #FD9CC5 !important;
  background: #fff !important;
}
.bordered-pink-dark-1:hover {
  background: #FD9CC5 !important;
  color: #fff;
}

.bordered-pink-dark-2 {
  color: #EB84AF;
  border-color: #EB84AF !important;
  background: #fff !important;
}
.bordered-pink-dark-2:hover {
  background: #EB84AF !important;
  color: #fff;
}

.bordered-pink-dark-3 {
  color: #D06A95;
  border-color: #D06A95 !important;
  background: #fff !important;
}
.bordered-pink-dark-3:hover {
  background: #D06A95 !important;
  color: #fff;
}

.bordered-pink-dark-4 {
  color: #AF4E77;
  border-color: #AF4E77 !important;
  background: #fff !important;
}
.bordered-pink-dark-4:hover {
  background: #AF4E77 !important;
  color: #fff;
}

.bordered-pink-dark-5 {
  color: #8F335A;
  border-color: #8F335A !important;
  background: #fff !important;
}
.bordered-pink-dark-5:hover {
  background: #8F335A !important;
  color: #fff;
}

.bg-pink-light-1 {
  background-color: #F68DD9 !important;
}

.bg-pink-light-2 {
  background-color: #E46BC2 !important;
}

.bg-pink-light-3 {
  background-color: #CB55AA !important;
}

.bg-pink-light-4 {
  background-color: #AD4490 !important;
}

.bg-pink-light-5 {
  background-color: #852E6D !important;
}

.txt-pink-light-1 {
  color: #F68DD9 !important;
}

.txt-pink-light-2 {
  color: #E46BC2 !important;
}

.txt-pink-light-3 {
  color: #CB55AA !important;
}

.txt-pink-light-4 {
  color: #AD4490 !important;
}

.txt-pink-light-5 {
  color: #852E6D !important;
}

.bordered-pink-light-1 {
  color: #F68DD9;
  border-color: #F68DD9 !important;
  background: #fff !important;
}
.bordered-pink-light-1:hover {
  background: #F68DD9 !important;
  color: #fff;
}

.bordered-pink-light-2 {
  color: #E46BC2;
  border-color: #E46BC2 !important;
  background: #fff !important;
}
.bordered-pink-light-2:hover {
  background: #E46BC2 !important;
  color: #fff;
}

.bordered-pink-light-3 {
  color: #CB55AA;
  border-color: #CB55AA !important;
  background: #fff !important;
}
.bordered-pink-light-3:hover {
  background: #CB55AA !important;
  color: #fff;
}

.bordered-pink-light-4 {
  color: #AD4490;
  border-color: #AD4490 !important;
  background: #fff !important;
}
.bordered-pink-light-4:hover {
  background: #AD4490 !important;
  color: #fff;
}

.bordered-pink-light-5 {
  color: #852E6D;
  border-color: #852E6D !important;
  background: #fff !important;
}
.bordered-pink-light-5:hover {
  background: #852E6D !important;
  color: #fff;
}

.bg-purple-dark-1 {
  background-color: #E0BAFF !important;
}

.bg-purple-dark-2 {
  background-color: #CEA0F3 !important;
}

.bg-purple-dark-3 {
  background-color: #B482DC !important;
}

.bg-purple-dark-4 {
  background-color: #915FBA !important;
}

.bg-purple-dark-5 {
  background-color: #704295 !important;
}

.txt-purple-dark-1 {
  color: #E0BAFF !important;
}

.txt-purple-dark-2 {
  color: #CEA0F3 !important;
}

.txt-purple-dark-3 {
  color: #B482DC !important;
}

.txt-purple-dark-4 {
  color: #915FBA !important;
}

.txt-purple-dark-5 {
  color: #704295 !important;
}

.bordered-purple-dark-1 {
  color: #E0BAFF;
  border-color: #E0BAFF !important;
  background: #fff !important;
}
.bordered-purple-dark-1:hover {
  background: #E0BAFF !important;
  color: #fff;
}

.bordered-purple-dark-2 {
  color: #CEA0F3;
  border-color: #CEA0F3 !important;
  background: #fff !important;
}
.bordered-purple-dark-2:hover {
  background: #CEA0F3 !important;
  color: #fff;
}

.bordered-purple-dark-3 {
  color: #B482DC;
  border-color: #B482DC !important;
  background: #fff !important;
}
.bordered-purple-dark-3:hover {
  background: #B482DC !important;
  color: #fff;
}

.bordered-purple-dark-4 {
  color: #915FBA;
  border-color: #915FBA !important;
  background: #fff !important;
}
.bordered-purple-dark-4:hover {
  background: #915FBA !important;
  color: #fff;
}

.bordered-purple-dark-5 {
  color: #704295;
  border-color: #704295 !important;
  background: #fff !important;
}
.bordered-purple-dark-5:hover {
  background: #704295 !important;
  color: #fff;
}

.bg-purple-light-1 {
  background-color: #E6AFFF !important;
}

.bg-purple-light-2 {
  background-color: #D389F7 !important;
}

.bg-purple-light-3 {
  background-color: #BD71E1 !important;
}

.bg-purple-light-4 {
  background-color: #9F53C2 !important;
}

.bg-purple-light-5 {
  background-color: #7B369B !important;
}

.txt-purple-light-1 {
  color: #E6AFFF !important;
}

.txt-purple-light-2 {
  color: #D389F7 !important;
}

.txt-purple-light-3 {
  color: #BD71E1 !important;
}

.txt-purple-light-4 {
  color: #9F53C2 !important;
}

.txt-purple-light-5 {
  color: #7B369B !important;
}

.bordered-purple-light-1 {
  color: #E6AFFF;
  border-color: #E6AFFF !important;
  background: #fff !important;
}
.bordered-purple-light-1:hover {
  background: #E6AFFF !important;
  color: #fff;
}

.bordered-purple-light-2 {
  color: #D389F7;
  border-color: #D389F7 !important;
  background: #fff !important;
}
.bordered-purple-light-2:hover {
  background: #D389F7 !important;
  color: #fff;
}

.bordered-purple-light-3 {
  color: #BD71E1;
  border-color: #BD71E1 !important;
  background: #fff !important;
}
.bordered-purple-light-3:hover {
  background: #BD71E1 !important;
  color: #fff;
}

.bordered-purple-light-4 {
  color: #9F53C2;
  border-color: #9F53C2 !important;
  background: #fff !important;
}
.bordered-purple-light-4:hover {
  background: #9F53C2 !important;
  color: #fff;
}

.bordered-purple-light-5 {
  color: #7B369B;
  border-color: #7B369B !important;
  background: #fff !important;
}
.bordered-purple-light-5:hover {
  background: #7B369B !important;
  color: #fff;
}

.bg-blue-dark-1 {
  background-color: #7BC7ED !important;
}

.bg-blue-dark-2 {
  background-color: #5FAAD0 !important;
}

.bg-blue-dark-3 {
  background-color: #3E86AA !important;
}

.bg-blue-dark-4 {
  background-color: #236384 !important;
}

.bg-blue-dark-5 {
  background-color: #0C3F59 !important;
}

.txt-blue-dark-1 {
  color: #7BC7ED !important;
}

.txt-blue-dark-2 {
  color: #5FAAD0 !important;
}

.txt-blue-dark-3 {
  color: #3E86AA !important;
}

.txt-blue-dark-4 {
  color: #236384 !important;
}

.txt-blue-dark-5 {
  color: #0C3F59 !important;
}

.bordered-blue-dark-1 {
  color: #7BC7ED;
  border-color: #7BC7ED !important;
  background: #fff !important;
}
.bordered-blue-dark-1:hover {
  background: #7BC7ED !important;
  color: #fff;
}

.bordered-blue-dark-2 {
  color: #5FAAD0;
  border-color: #5FAAD0 !important;
  background: #fff !important;
}
.bordered-blue-dark-2:hover {
  background: #5FAAD0 !important;
  color: #fff;
}

.bordered-blue-dark-3 {
  color: #3E86AA;
  border-color: #3E86AA !important;
  background: #fff !important;
}
.bordered-blue-dark-3:hover {
  background: #3E86AA !important;
  color: #fff;
}

.bordered-blue-dark-4 {
  color: #236384;
  border-color: #236384 !important;
  background: #fff !important;
}
.bordered-blue-dark-4:hover {
  background: #236384 !important;
  color: #fff;
}

.bordered-blue-dark-5 {
  color: #0C3F59;
  border-color: #0C3F59 !important;
  background: #fff !important;
}
.bordered-blue-dark-5:hover {
  background: #0C3F59 !important;
  color: #fff;
}

.bg-blue-light-1 {
  background-color: #B0DEFF !important;
}

.bg-blue-light-2 {
  background-color: #80C4F6 !important;
}

.bg-blue-light-3 {
  background-color: #57A5DD !important;
}

.bg-blue-light-4 {
  background-color: #3F88BE !important;
}

.bg-blue-light-5 {
  background-color: #175380 !important;
}

.txt-blue-light-1 {
  color: #B0DEFF !important;
}

.txt-blue-light-2 {
  color: #80C4F6 !important;
}

.txt-blue-light-3 {
  color: #57A5DD !important;
}

.txt-blue-light-4 {
  color: #3F88BE !important;
}

.txt-blue-light-5 {
  color: #175380 !important;
}

.bordered-blue-light-1 {
  color: #B0DEFF;
  border-color: #B0DEFF !important;
  background: #fff !important;
}
.bordered-blue-light-1:hover {
  background: #B0DEFF !important;
  color: #fff;
}

.bordered-blue-light-2 {
  color: #80C4F6;
  border-color: #80C4F6 !important;
  background: #fff !important;
}
.bordered-blue-light-2:hover {
  background: #80C4F6 !important;
  color: #fff;
}

.bordered-blue-light-3 {
  color: #57A5DD;
  border-color: #57A5DD !important;
  background: #fff !important;
}
.bordered-blue-light-3:hover {
  background: #57A5DD !important;
  color: #fff;
}

.bordered-blue-light-4 {
  color: #3F88BE;
  border-color: #3F88BE !important;
  background: #fff !important;
}
.bordered-blue-light-4:hover {
  background: #3F88BE !important;
  color: #fff;
}

.bordered-blue-light-5 {
  color: #175380;
  border-color: #175380 !important;
  background: #fff !important;
}
.bordered-blue-light-5:hover {
  background: #175380 !important;
  color: #fff;
}

.bg-turquoise-dark-1 {
  background-color: #62CBED !important;
}

.bg-turquoise-dark-2 {
  background-color: #41ABCD !important;
}

.bg-turquoise-dark-3 {
  background-color: #258BAB !important;
}

.bg-turquoise-dark-4 {
  background-color: #186C87 !important;
}

.bg-turquoise-dark-5 {
  background-color: #0D4E63 !important;
}

.txt-turquoise-dark-1 {
  color: #62CBED !important;
}

.txt-turquoise-dark-2 {
  color: #41ABCD !important;
}

.txt-turquoise-dark-3 {
  color: #258BAB !important;
}

.txt-turquoise-dark-4 {
  color: #186C87 !important;
}

.txt-turquoise-dark-5 {
  color: #0D4E63 !important;
}

.bordered-turquoise-dark-1 {
  color: #62CBED;
  border-color: #62CBED !important;
  background: #fff !important;
}
.bordered-turquoise-dark-1:hover {
  background: #62CBED !important;
  color: #fff;
}

.bordered-turquoise-dark-2 {
  color: #41ABCD;
  border-color: #41ABCD !important;
  background: #fff !important;
}
.bordered-turquoise-dark-2:hover {
  background: #41ABCD !important;
  color: #fff;
}

.bordered-turquoise-dark-3 {
  color: #258BAB;
  border-color: #258BAB !important;
  background: #fff !important;
}
.bordered-turquoise-dark-3:hover {
  background: #258BAB !important;
  color: #fff;
}

.bordered-turquoise-dark-4 {
  color: #186C87;
  border-color: #186C87 !important;
  background: #fff !important;
}
.bordered-turquoise-dark-4:hover {
  background: #186C87 !important;
  color: #fff;
}

.bordered-turquoise-dark-5 {
  color: #0D4E63;
  border-color: #0D4E63 !important;
  background: #fff !important;
}
.bordered-turquoise-dark-5:hover {
  background: #0D4E63 !important;
  color: #fff;
}

.bg-turquoise-light-1 {
  background-color: #6DE8EC !important;
}

.bg-turquoise-light-2 {
  background-color: #23CACF !important;
}

.bg-turquoise-light-3 {
  background-color: #02A6AB !important;
}

.bg-turquoise-light-4 {
  background-color: #158689 !important;
}

.bg-turquoise-light-5 {
  background-color: #196D70 !important;
}

.txt-turquoise-light-1 {
  color: #6DE8EC !important;
}

.txt-turquoise-light-2 {
  color: #23CACF !important;
}

.txt-turquoise-light-3 {
  color: #02A6AB !important;
}

.txt-turquoise-light-4 {
  color: #158689 !important;
}

.txt-turquoise-light-5 {
  color: #196D70 !important;
}

.bordered-turquoise-light-1 {
  color: #6DE8EC;
  border-color: #6DE8EC !important;
  background: #fff !important;
}
.bordered-turquoise-light-1:hover {
  background: #6DE8EC !important;
  color: #fff;
}

.bordered-turquoise-light-2 {
  color: #23CACF;
  border-color: #23CACF !important;
  background: #fff !important;
}
.bordered-turquoise-light-2:hover {
  background: #23CACF !important;
  color: #fff;
}

.bordered-turquoise-light-3 {
  color: #02A6AB;
  border-color: #02A6AB !important;
  background: #fff !important;
}
.bordered-turquoise-light-3:hover {
  background: #02A6AB !important;
  color: #fff;
}

.bordered-turquoise-light-4 {
  color: #158689;
  border-color: #158689 !important;
  background: #fff !important;
}
.bordered-turquoise-light-4:hover {
  background: #158689 !important;
  color: #fff;
}

.bordered-turquoise-light-5 {
  color: #196D70;
  border-color: #196D70 !important;
  background: #fff !important;
}
.bordered-turquoise-light-5:hover {
  background: #196D70 !important;
  color: #fff;
}

.bg-turquoise_light-dark-1 {
  background-color: #5F8788 !important;
}

.txt-turquoise_light-dark-1 {
  color: #5F8788 !important;
}

.bordered-turquoise_light-dark-1 {
  color: #5F8788;
  border-color: #5F8788 !important;
  background: #fff !important;
}
.bordered-turquoise_light-dark-1:hover {
  background: #5F8788 !important;
  color: #fff;
}

.bg-green-dark-1 {
  background-color: #7DF8A7 !important;
}

.bg-green-dark-2 {
  background-color: #59D483 !important;
}

.bg-green-dark-3 {
  background-color: #34B05E !important;
}

.bg-green-dark-4 {
  background-color: #238845 !important;
}

.bg-green-dark-5 {
  background-color: #14642F !important;
}

.txt-green-dark-1 {
  color: #7DF8A7 !important;
}

.txt-green-dark-2 {
  color: #59D483 !important;
}

.txt-green-dark-3 {
  color: #34B05E !important;
}

.txt-green-dark-4 {
  color: #238845 !important;
}

.txt-green-dark-5 {
  color: #14642F !important;
}

.bordered-green-dark-1 {
  color: #7DF8A7;
  border-color: #7DF8A7 !important;
  background: #fff !important;
}
.bordered-green-dark-1:hover {
  background: #7DF8A7 !important;
  color: #fff;
}

.bordered-green-dark-2 {
  color: #59D483;
  border-color: #59D483 !important;
  background: #fff !important;
}
.bordered-green-dark-2:hover {
  background: #59D483 !important;
  color: #fff;
}

.bordered-green-dark-3 {
  color: #34B05E;
  border-color: #34B05E !important;
  background: #fff !important;
}
.bordered-green-dark-3:hover {
  background: #34B05E !important;
  color: #fff;
}

.bordered-green-dark-4 {
  color: #238845;
  border-color: #238845 !important;
  background: #fff !important;
}
.bordered-green-dark-4:hover {
  background: #238845 !important;
  color: #fff;
}

.bordered-green-dark-5 {
  color: #14642F;
  border-color: #14642F !important;
  background: #fff !important;
}
.bordered-green-dark-5:hover {
  background: #14642F !important;
  color: #fff;
}

.bg-green-light-1 {
  background-color: #C3F573 !important;
}

.bg-green-light-2 {
  background-color: #A2D451 !important;
}

.bg-green-light-3 {
  background-color: #81B034 !important;
}

.bg-green-light-4 {
  background-color: #658F1E !important;
}

.bg-green-light-5 {
  background-color: #496B11 !important;
}

.txt-green-light-1 {
  color: #C3F573 !important;
}

.txt-green-light-2 {
  color: #A2D451 !important;
}

.txt-green-light-3 {
  color: #81B034 !important;
}

.txt-green-light-4 {
  color: #658F1E !important;
}

.txt-green-light-5 {
  color: #496B11 !important;
}

.bordered-green-light-1 {
  color: #C3F573;
  border-color: #C3F573 !important;
  background: #fff !important;
}
.bordered-green-light-1:hover {
  background: #C3F573 !important;
  color: #fff;
}

.bordered-green-light-2 {
  color: #A2D451;
  border-color: #A2D451 !important;
  background: #fff !important;
}
.bordered-green-light-2:hover {
  background: #A2D451 !important;
  color: #fff;
}

.bordered-green-light-3 {
  color: #81B034;
  border-color: #81B034 !important;
  background: #fff !important;
}
.bordered-green-light-3:hover {
  background: #81B034 !important;
  color: #fff;
}

.bordered-green-light-4 {
  color: #658F1E;
  border-color: #658F1E !important;
  background: #fff !important;
}
.bordered-green-light-4:hover {
  background: #658F1E !important;
  color: #fff;
}

.bordered-green-light-5 {
  color: #496B11;
  border-color: #496B11 !important;
  background: #fff !important;
}
.bordered-green-light-5:hover {
  background: #496B11 !important;
  color: #fff;
}

.app-modules-color .module-secao-1-cor {
  background-color: #0282AB;
}
.app-modules-color .module-secao-2-cor {
  background-color: #72B034;
}
.app-modules-color .module-secao-3-cor {
  background-color: #CB5D8B;
}
.app-modules-color .module-secao-4-cor {
  background-color: #AA82DC;
}
.app-modules-color .module-secao-7-cor {
  background-color: #5ACEB2;
}
.app-modules-color .module-secao-8-cor {
  background-color: #EA738F;
}
.app-modules-color .module-secao-9-cor {
  background-color: #4476D9;
}
.app-modules-color .module-secao-10-cor {
  background-color: #658f1e;
}
.app-modules-color .module-secao-40-cor {
  background-color: #C8BD57;
}
.app-modules-color .module-secao-51-cor {
  background-color: #4DBBD3;
}
.app-modules-color .module-secao-64-cor {
  background-color: #DBBE56;
}
.app-modules-color .module-secao-67-cor {
  background-color: #D3854D;
}
.app-modules-color .module-secao-76-cor {
  background-color: #00AA8B;
}
.app-modules-color .module-secao-85-cor {
  background-color: #46929f;
}
.app-modules-color .module-secao-84-cor {
  background-color: #D06A95;
}
.app-modules-color .module-secao-58-cor {
  background-color: #4682B4;
}
.app-modules-color .module-secao-45-cor {
  background-color: #228B22;
}
.app-modules-color .module-secao-35-cor {
  background-color: #F5DEB3;
}
.app-modules-color .module-secao-30-cor {
  background-color: #2E8B57;
}
.app-modules-color .module-secao-31-cor {
  background-color: #F4A460;
}
.app-modules-color .module-secao-48-cor {
  background-color: #DAA520;
}
.app-modules-color .module-secao-41-cor {
  background-color: #228b6e;
}
.app-modules-color .module-secao-43-cor {
  background-color: #208dda;
}
.app-modules-color .module-secao-69-cor {
  background-color: #5aceb2;
}
.app-modules-color .module-secao-161-cor {
  background-color: #cf7b25;
}
.app-modules-color .module-secao-165-cor {
  background-color: #cefccd;
}
.app-modules-color .module-secao-163-cor {
  background-color: #02a6ab;
}
.app-modules-color .module-secao-171-cor {
  background-color: #8E5016;
}
.app-modules-color .module-secao-181-cor {
  background-color: #C8BD57;
}
.app-modules-color .module-secao-192-cor {
  background-color: #1B9141;
}
.app-modules-color .module-secao-191-cor {
  background-color: #6fc485;
}
.app-modules-color .module-secao-194-cor {
  background-color: #843843;
}
.app-modules-color .module-secao-219-cor {
  background-color: #d08135;
}
.app-modules-color .module-secao-237-cor {
  background-color: #02A6AB;
}

#app,
#app_in,
body:has(#home),
body:has(#detalhesContrato),
body:has(#detalhesContratacao),
body:has(#contratos) {
  background: #F5F5F5;
}

.c-pointer {
  cursor: pointer;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #9d9d9d rgba(252, 252, 252, 0);
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  background: linear-gradient(13deg, #9d9d9d 14%, #9d9d9d 22%);
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(13deg, #9d9d9d 14%, #9d9d9d 64%);
}
*::-webkit-scrollbar-track {
  background: rgba(252, 252, 252, 0);
  border-radius: 15px;
  box-shadow: inset 7px 14px 12px rgba(227, 227, 227, 0);
}

.transparencia-header-row {
  max-height: 80px;
  min-height: 80px;
}

.transparencia-logo {
  max-height: 80px;
}

.transparencia-card-narrow {
  width: 30rem;
}

.transparencia-header-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.txt-heading-1,
.txt-h-1 {
  font-family: "Roboto", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 35px;
}

.txt-heading-2,
.txt-h-2 {
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 30px;
}

.txt-heading-3,
.txt-h-3 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.txt-heading-4,
.txt-h-4 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 125%;
}

.txt-heading-5,
.txt-h-5 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
}

.txt-heading-6,
.txt-h-6 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 125%;
}

.txt-paragraph,
.txt-p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.txt-label,
.txt-l {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.txt-w-n {
  font-weight: normal;
}

.txt-w-4 {
  font-weight: 400;
}

.txt-w-5 {
  font-weight: 500;
}

.txt-w-6 {
  font-weight: 600;
}

.txt-w-7 {
  font-weight: 700;
}

.txt-w-8 {
  font-weight: 800;
}

.txt-w-bold {
  font-weight: bold;
}

.txt-size-10 {
  font-size: 10px !important;
}

.txt-size-11 {
  font-size: 11px !important;
}

.txt-size-12 {
  font-size: 12px !important;
}

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

.txt-size-16 {
  font-size: 16px !important;
}

.txt-size-18 {
  font-size: 18px !important;
}

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

.txt-size-22 {
  font-size: 22px !important;
}

.txt-size-24 {
  font-size: 24px !important;
}

.txt-size-11 {
  font-size: 11px !important;
}

.font-size-header {
  font-size: clamp(1.25rem, 4vw, 2rem);
}

.txt-white {
  color: #fff;
}

.txt-grey-1 {
  color: #687277;
}

.txt-grey-2 {
  color: #E3E3E3;
}

.txt-grey-3 {
  color: #666666;
}

.txt-grey-4 {
  color: #9B9B9B;
}

.txt-blue-1 {
  color: #0C3F59;
}

.txt-blue-2,
.txt-blue-3,
.txt-blue-4 {
  color: #02A6AB;
}

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

.bg-grey-1 {
  background-color: #687277;
}

.bg-grey-2 {
  background-color: #E3E3E3;
}

.bg-grey-3 {
  background-color: #666666;
}

.bg-blue-1 {
  background-color: #0C3F59;
}

.bg-blue-2 {
  background-color: #02A6AB;
}

.bg-blue-3,
.bg-blue-4 {
  background-color: #3060A9;
}

.bg-red-1 {
  background-color: #E48080;
}

#app .modal-close-btn-np,
#home .modal-close-btn-np,
#detalhesContrato .modal-close-btn-np,
#detalhesContratacao .modal-close-btn-np,
#contratos .modal-close-btn-np,
#atas .modal-close-btn-np,
#fiscais .modal-close-btn-np {
  padding: 0;
  border-radius: 50%;
}
#app .btn,
#home .btn,
#detalhesContrato .btn,
#detalhesContratacao .btn,
#contratos .btn,
#atas .btn,
#fiscais .btn {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  padding-left: 2rem;
  padding-right: 2rem;
}
#app .btn-red,
#home .btn-red,
#detalhesContrato .btn-red,
#detalhesContratacao .btn-red,
#contratos .btn-red,
#atas .btn-red,
#fiscais .btn-red {
  background: #E45858;
  padding: 10px;
  border: 2px solid #E45858;
  color: #fff;
}
#app .btn-red:hover,
#home .btn-red:hover,
#detalhesContrato .btn-red:hover,
#detalhesContratacao .btn-red:hover,
#contratos .btn-red:hover,
#atas .btn-red:hover,
#fiscais .btn-red:hover {
  background-color: #E45858;
  border-color: #E45858;
  color: #F9F9F9;
}
#app .btn-red-alt,
#home .btn-red-alt,
#detalhesContrato .btn-red-alt,
#detalhesContratacao .btn-red-alt,
#contratos .btn-red-alt,
#atas .btn-red-alt,
#fiscais .btn-red-alt {
  background-color: transparent;
  border: 2px solid #E45858;
  color: #E45858;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
}
#app .btn-red-alt:hover,
#home .btn-red-alt:hover,
#detalhesContrato .btn-red-alt:hover,
#detalhesContratacao .btn-red-alt:hover,
#contratos .btn-red-alt:hover,
#atas .btn-red-alt:hover,
#fiscais .btn-red-alt:hover {
  background-color: #E45858;
  border-color: #E45858;
  color: #F9F9F9;
}
#app .btn-blue-1,
#home .btn-blue-1,
#detalhesContrato .btn-blue-1,
#detalhesContratacao .btn-blue-1,
#contratos .btn-blue-1,
#atas .btn-blue-1,
#fiscais .btn-blue-1 {
  background: #02A6AB;
  padding: 10px;
  border: 2px solid #02A6AB;
  color: #fff;
}
#app .btn-blue-1:hover,
#home .btn-blue-1:hover,
#detalhesContrato .btn-blue-1:hover,
#detalhesContratacao .btn-blue-1:hover,
#contratos .btn-blue-1:hover,
#atas .btn-blue-1:hover,
#fiscais .btn-blue-1:hover {
  background-color: #196D70;
  border-color: #196D70;
  color: #F9F9F9;
}
#app .btn-grey-alt,
#home .btn-grey-alt,
#detalhesContrato .btn-grey-alt,
#detalhesContratacao .btn-grey-alt,
#contratos .btn-grey-alt,
#atas .btn-grey-alt,
#fiscais .btn-grey-alt {
  background-color: transparent;
  border: 2px solid #9B9B9B;
  color: #9B9B9B;
  padding: 10px;
}
#app .btn-blue-1.btn-aqua,
#app .btn-aqua.downloadButton,
#home .btn-blue-1.btn-aqua,
#home .btn-aqua.downloadButton,
#detalhesContrato .btn-blue-1.btn-aqua,
#detalhesContrato .btn-aqua.downloadButton,
#detalhesContratacao .btn-blue-1.btn-aqua,
#detalhesContratacao .btn-aqua.downloadButton,
#contratos .btn-blue-1.btn-aqua,
#contratos .btn-aqua.downloadButton,
#atas .btn-blue-1.btn-aqua,
#atas .btn-aqua.downloadButton,
#fiscais .btn-blue-1.btn-aqua,
#fiscais .btn-aqua.downloadButton {
  background: #02A6AB;
  border-color: #02A6AB;
  color: #fff;
}
#app .btn-blue-1.btn-aqua:hover,
#app .btn-aqua.downloadButton:hover,
#home .btn-blue-1.btn-aqua:hover,
#home .btn-aqua.downloadButton:hover,
#detalhesContrato .btn-blue-1.btn-aqua:hover,
#detalhesContrato .btn-aqua.downloadButton:hover,
#detalhesContratacao .btn-blue-1.btn-aqua:hover,
#detalhesContratacao .btn-aqua.downloadButton:hover,
#contratos .btn-blue-1.btn-aqua:hover,
#contratos .btn-aqua.downloadButton:hover,
#atas .btn-blue-1.btn-aqua:hover,
#atas .btn-aqua.downloadButton:hover,
#fiscais .btn-blue-1.btn-aqua:hover,
#fiscais .btn-aqua.downloadButton:hover {
  background: #196D70;
  border-color: #196D70;
  color: #fff;
}
#app .btn-transparencia-download,
#home .btn-transparencia-download,
#detalhesContrato .btn-transparencia-download,
#detalhesContratacao .btn-transparencia-download,
#contratos .btn-transparencia-download,
#atas .btn-transparencia-download,
#fiscais .btn-transparencia-download {
  background-color: #3060A9 !important;
  border-color: #3060A9 !important;
  color: #fff !important;
}

.modal .modal-close-btn-np {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #c62828;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.modal .modal-close-btn-np:hover {
  background: #e53935;
  border-color: #ffffff;
  color: #ffffff;
  transform: translateY(-1px);
}
.modal .modal-close-btn-np:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 0 4px rgba(198, 40, 40, 0.4);
}
.modal .modal-close-btn-np:active {
  transform: scale(0.98);
  background: #b71c1c;
}
.modal .modal-close-btn-np .modal-close-btn-np__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
  color: #ffffff;
}
.modal .modal-close-btn-np .modal-close-btn-np__icon::before, .modal .modal-close-btn-np .modal-close-btn-np__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 3px;
  background: #ffffff;
  border-radius: 4px;
}
.modal .modal-close-btn-np .modal-close-btn-np__icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal .modal-close-btn-np .modal-close-btn-np__icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal:not(.modal-is-full) .modal-dialog {
  padding-left: 0 !important;
  margin: 12px auto;
  max-width: inherit !important;
}
.modal .modal-dialog.modal-lg {
  width: 100%;
}
.modal .modal-dialog.modal-md {
  width: 100%;
}
.modal .modal-dialog.modal-sm {
  width: 100%;
}
.modal .modal-dialog.modal-ex {
  width: 75%;
}
.modal .modal-dialog {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  max-height: calc(100dvh - 1.5rem);
}
.modal .modal-dialog > .modal-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-height: 100%;
}
.modal .modal-dialog > .modal-content > .modal-header {
  flex-shrink: 0;
}
.modal .modal-dialog > .modal-content > .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.modal .modal-dialog > .modal-content > .modal-footer {
  flex-shrink: 0;
}
.modal .modal-dialog:not(.modal-full) .modal-content {
  background: linear-gradient(100.61deg, #f9f9f9 0.42%, #F5F5F5 101.84%);
}
.modal .modal-dialog:not(.modal-full) .modal-body {
  padding: 0px 1rem !important;
}
.modal .modal-dialog.modal-full {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0;
  max-height: 100dvh;
  height: 100vh;
}
.modal .modal-dialog.modal-full > .modal-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  border-radius: 0;
  border: none !important;
  height: 100vh !important;
}
.modal .modal-dialog.modal-full > .modal-content .crud-tabs-content {
  height: calc(100vh - 162px);
}

.modal .modal-dialog .modal-body.modal-body-df {
  padding: 0 !important;
  border: 0 !important;
}

#app .modal .modal-content,
#home .modal .modal-content,
#detalhesContrato .modal .modal-content,
#detalhesContratacao .modal .modal-content,
#detalhesAta .modal .modal-content,
#contratos .modal .modal-content,
#atas .modal .modal-content,
#fiscais .modal .modal-content,
#CarregaContratosAta .modal .modal-content,
#CarregarAdesoesAta .modal .modal-content {
  position: relative;
}
#app .modal .modal-content > button.close[data-dismiss=modal],
#home .modal .modal-content > button.close[data-dismiss=modal],
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal],
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal],
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal],
#contratos .modal .modal-content > button.close[data-dismiss=modal],
#atas .modal .modal-content > button.close[data-dismiss=modal],
#fiscais .modal .modal-content > button.close[data-dismiss=modal],
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal],
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal] {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #c62828;
  color: #fff;
  opacity: 1;
  float: none;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}
#app .modal .modal-content > button.close[data-dismiss=modal]:hover,
#home .modal .modal-content > button.close[data-dismiss=modal]:hover,
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal]:hover,
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal]:hover,
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal]:hover,
#contratos .modal .modal-content > button.close[data-dismiss=modal]:hover,
#atas .modal .modal-content > button.close[data-dismiss=modal]:hover,
#fiscais .modal .modal-content > button.close[data-dismiss=modal]:hover,
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal]:hover,
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal]:hover {
  background: #e53935;
  color: #fff;
  opacity: 1;
}
#app .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#home .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#contratos .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#atas .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#fiscais .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true],
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal] span[aria-hidden=true] {
  display: none;
}
#app .modal .modal-content > button.close[data-dismiss=modal]::before, #app .modal .modal-content > button.close[data-dismiss=modal]::after,
#home .modal .modal-content > button.close[data-dismiss=modal]::before,
#home .modal .modal-content > button.close[data-dismiss=modal]::after,
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal]::before,
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal]::after,
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal]::before,
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal]::after,
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal]::before,
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal]::after,
#contratos .modal .modal-content > button.close[data-dismiss=modal]::before,
#contratos .modal .modal-content > button.close[data-dismiss=modal]::after,
#atas .modal .modal-content > button.close[data-dismiss=modal]::before,
#atas .modal .modal-content > button.close[data-dismiss=modal]::after,
#fiscais .modal .modal-content > button.close[data-dismiss=modal]::before,
#fiscais .modal .modal-content > button.close[data-dismiss=modal]::after,
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal]::before,
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal]::after,
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal]::before,
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 3px;
  background: #fff;
  border-radius: 4px;
}
#app .modal .modal-content > button.close[data-dismiss=modal]::before,
#home .modal .modal-content > button.close[data-dismiss=modal]::before,
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal]::before,
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal]::before,
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal]::before,
#contratos .modal .modal-content > button.close[data-dismiss=modal]::before,
#atas .modal .modal-content > button.close[data-dismiss=modal]::before,
#fiscais .modal .modal-content > button.close[data-dismiss=modal]::before,
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal]::before,
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal]::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#app .modal .modal-content > button.close[data-dismiss=modal]::after,
#home .modal .modal-content > button.close[data-dismiss=modal]::after,
#detalhesContrato .modal .modal-content > button.close[data-dismiss=modal]::after,
#detalhesContratacao .modal .modal-content > button.close[data-dismiss=modal]::after,
#detalhesAta .modal .modal-content > button.close[data-dismiss=modal]::after,
#contratos .modal .modal-content > button.close[data-dismiss=modal]::after,
#atas .modal .modal-content > button.close[data-dismiss=modal]::after,
#fiscais .modal .modal-content > button.close[data-dismiss=modal]::after,
#CarregaContratosAta .modal .modal-content > button.close[data-dismiss=modal]::after,
#CarregarAdesoesAta .modal .modal-content > button.close[data-dismiss=modal]::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#app #modalNomearFiltro .modal-dialog .modal-content,
#home #modalNomearFiltro .modal-dialog .modal-content,
#detalhesContrato #modalNomearFiltro .modal-dialog .modal-content,
#detalhesContratacao #modalNomearFiltro .modal-dialog .modal-content,
#detalhesAta #modalNomearFiltro .modal-dialog .modal-content,
#contratos #modalNomearFiltro .modal-dialog .modal-content,
#atas #modalNomearFiltro .modal-dialog .modal-content,
#fiscais #modalNomearFiltro .modal-dialog .modal-content,
#CarregaContratosAta #modalNomearFiltro .modal-dialog .modal-content,
#CarregarAdesoesAta #modalNomearFiltro .modal-dialog .modal-content {
  background: linear-gradient(100.61deg, #f9f9f9 0.42%, #F5F5F5 101.84%);
}
#app #modalNomearFiltro .modal-header,
#home #modalNomearFiltro .modal-header,
#detalhesContrato #modalNomearFiltro .modal-header,
#detalhesContratacao #modalNomearFiltro .modal-header,
#detalhesAta #modalNomearFiltro .modal-header,
#contratos #modalNomearFiltro .modal-header,
#atas #modalNomearFiltro .modal-header,
#fiscais #modalNomearFiltro .modal-header,
#CarregaContratosAta #modalNomearFiltro .modal-header,
#CarregarAdesoesAta #modalNomearFiltro .modal-header {
  padding-right: 2.5rem;
  border-bottom: 0;
}

.progress-bar-np,
.progress.progress-requisicao,
.np-progress.np-progress__track {
  box-sizing: border-box;
  line-height: 1;
}

.progress-bar-np,
.np-progress.np-progress__track {
  display: flex;
  align-items: stretch;
}

.progress-bar-np:not(.np-progress--vue) {
  position: relative;
}

.progress.progress-requisicao {
  position: relative;
  display: flex;
  align-items: stretch;
}

.progress-bar-np > .progress-bar-np-completed,
.progress-bar-np > .np-progress__fill,
.progress.progress-requisicao > .progress-bar-np-completed,
.progress.progress-requisicao > .np-progress__fill,
.progress.progress-requisicao > .progress-bar.np-progress__fill {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
}

.progress-bar-np:not(.np-progress--vue) > .progress-bar-np-completed > p,
.progress-bar-np:not(.np-progress--vue) > .np-progress__fill > p,
.progress-bar-np:not(.np-progress--vue) > .progress-bar-np-completed > .np-progress__label:not(.np-progress__label--vue),
.progress-bar-np:not(.np-progress--vue) > .np-progress__fill > .np-progress__label:not(.np-progress__label--vue) {
  margin: 0;
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  z-index: 1;
}

.progress.progress-requisicao > .progress-bar-np-completed > p,
.progress.progress-requisicao > .np-progress__fill > p,
.progress.progress-requisicao > .progress-bar-np-completed > .np-progress__label,
.progress.progress-requisicao > .np-progress__fill > .np-progress__label {
  margin: 0;
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  box-sizing: border-box;
  text-align: center;
}

.progress.progress-requisicao:has(.span-progress-requisicao) > .progress-bar,
.progress.progress-requisicao:has(.np-progress__label) > .progress-bar {
  position: static;
}

.progress.progress-requisicao .span-progress-requisicao,
.progress.progress-requisicao .np-progress__label {
  margin: 0;
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress.progress-requisicao .span-progress-requisicao span,
.progress.progress-requisicao .np-progress__label span {
  line-height: 1;
}

.np-progress--vue > .np-progress__fill > .np-progress__label--vue {
  margin: 0;
  line-height: 1;
  text-align: center;
  flex: 1 1 auto;
}

#home .divisor {
  border-top: 1px solid #EFEFEF;
}
#home .input-group-text {
  background: #fff;
}
#home .br-none {
  border-right: none;
}

#home .logo-contratos,
#detalhesContrato .logo-contratos,
#detalhesContratacao .logo-contratos,
#contratos .logo-contratos,
#atas .logo-contratos,
#fiscais .logo-contratos,
#funcionarios .logo-contratos,
#postosServicos .logo-contratos {
  margin: 40px;
}
#home .logo-contratos-detalhes,
#detalhesContrato .logo-contratos-detalhes,
#detalhesContratacao .logo-contratos-detalhes,
#contratos .logo-contratos-detalhes,
#atas .logo-contratos-detalhes,
#fiscais .logo-contratos-detalhes,
#funcionarios .logo-contratos-detalhes,
#postosServicos .logo-contratos-detalhes {
  margin: 13px;
}
#home .w-15,
#detalhesContrato .w-15,
#detalhesContratacao .w-15,
#contratos .w-15,
#atas .w-15,
#fiscais .w-15,
#funcionarios .w-15,
#postosServicos .w-15 {
  width: 15%;
}
#home .w-33,
#detalhesContrato .w-33,
#detalhesContratacao .w-33,
#contratos .w-33,
#atas .w-33,
#fiscais .w-33,
#funcionarios .w-33,
#postosServicos .w-33 {
  width: 33%;
}
#home .box-filtro,
#detalhesContrato .box-filtro,
#detalhesContratacao .box-filtro,
#contratos .box-filtro,
#atas .box-filtro,
#fiscais .box-filtro,
#funcionarios .box-filtro,
#postosServicos .box-filtro {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fff;
  border: 2px solid #ACACAC;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 10px;
}
#home .conteudo-filtro,
#detalhesContrato .conteudo-filtro,
#detalhesContratacao .conteudo-filtro,
#contratos .conteudo-filtro,
#atas .conteudo-filtro,
#fiscais .conteudo-filtro,
#funcionarios .conteudo-filtro,
#postosServicos .conteudo-filtro {
  position: absolute;
  width: calc(100% + 4px);
  z-index: 2;
  top: 50px;
  background: #fff;
  border-left: 2px solid #ACACAC;
  border-right: 2px solid #ACACAC;
  border-bottom: 2px solid #ACACAC;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.25);
}
#home .divisor,
#detalhesContrato .divisor,
#detalhesContratacao .divisor,
#contratos .divisor,
#atas .divisor,
#fiscais .divisor,
#funcionarios .divisor,
#postosServicos .divisor {
  border-top: 1px solid #EFEFEF;
}
#home .rounded-top-left,
#detalhesContrato .rounded-top-left,
#detalhesContratacao .rounded-top-left,
#contratos .rounded-top-left,
#atas .rounded-top-left,
#fiscais .rounded-top-left,
#funcionarios .rounded-top-left,
#postosServicos .rounded-top-left {
  border-radius: 5px 0 0 0;
}
#home .rounded-top-right,
#detalhesContrato .rounded-top-right,
#detalhesContratacao .rounded-top-right,
#contratos .rounded-top-right,
#atas .rounded-top-right,
#fiscais .rounded-top-right,
#funcionarios .rounded-top-right,
#postosServicos .rounded-top-right {
  border-radius: 0 5px 0 0;
}
#home .table,
#detalhesContrato .table,
#detalhesContratacao .table,
#contratos .table,
#atas .table,
#fiscais .table,
#funcionarios .table,
#postosServicos .table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
}
#home .table td,
#home .table th,
#detalhesContrato .table td,
#detalhesContrato .table th,
#detalhesContratacao .table td,
#detalhesContratacao .table th,
#contratos .table td,
#contratos .table th,
#atas .table td,
#atas .table th,
#fiscais .table td,
#fiscais .table th,
#funcionarios .table td,
#funcionarios .table th,
#postosServicos .table td,
#postosServicos .table th {
  vertical-align: middle !important;
  padding: 10px !important;
}
#home .table thead th,
#detalhesContrato .table thead th,
#detalhesContratacao .table thead th,
#contratos .table thead th,
#atas .table thead th,
#fiscais .table thead th,
#funcionarios .table thead th,
#postosServicos .table thead th {
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #666666;
  vertical-align: middle;
}
#home .table tbody tr,
#detalhesContrato .table tbody tr,
#detalhesContratacao .table tbody tr,
#contratos .table tbody tr,
#atas .table tbody tr,
#fiscais .table tbody tr,
#funcionarios .table tbody tr,
#postosServicos .table tbody tr {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  color: #666666;
  vertical-align: middle !important;
}
#home .table tbody,
#detalhesContrato .table tbody,
#detalhesContratacao .table tbody,
#contratos .table tbody,
#atas .table tbody,
#fiscais .table tbody,
#funcionarios .table tbody,
#postosServicos .table tbody {
  background: #fff;
}
#home thead,
#home tbody tr,
#detalhesContrato thead,
#detalhesContrato tbody tr,
#detalhesContratacao thead,
#detalhesContratacao tbody tr,
#contratos thead,
#contratos tbody tr,
#atas thead,
#atas tbody tr,
#fiscais thead,
#fiscais tbody tr,
#funcionarios thead,
#funcionarios tbody tr,
#postosServicos thead,
#postosServicos tbody tr {
  width: 100%;
  table-layout: fixed;
}
#home thead,
#detalhesContrato thead,
#detalhesContratacao thead,
#contratos thead,
#atas thead,
#fiscais thead,
#funcionarios thead,
#postosServicos thead {
  width: calc(100% - 10px);
}
#home thead tr,
#detalhesContrato thead tr,
#detalhesContratacao thead tr,
#contratos thead tr,
#atas thead tr,
#fiscais thead tr,
#funcionarios thead tr,
#postosServicos thead tr {
  position: sticky;
  top: 0;
}
#home .table-striped tbody tr:nth-child(even),
#detalhesContrato .table-striped tbody tr:nth-child(even),
#detalhesContratacao .table-striped tbody tr:nth-child(even),
#contratos .table-striped tbody tr:nth-child(even),
#atas .table-striped tbody tr:nth-child(even),
#fiscais .table-striped tbody tr:nth-child(even),
#funcionarios .table-striped tbody tr:nth-child(even),
#postosServicos .table-striped tbody tr:nth-child(even) {
  background: #fff;
}
#home .table-striped tbody tr:nth-child(odd),
#detalhesContrato .table-striped tbody tr:nth-child(odd),
#detalhesContratacao .table-striped tbody tr:nth-child(odd),
#contratos .table-striped tbody tr:nth-child(odd),
#atas .table-striped tbody tr:nth-child(odd),
#fiscais .table-striped tbody tr:nth-child(odd),
#funcionarios .table-striped tbody tr:nth-child(odd),
#postosServicos .table-striped tbody tr:nth-child(odd) {
  background: #F9F9F9;
  border: 2px solid #D7D7D7;
}
#home .modal-full-detalhes,
#detalhesContrato .modal-full-detalhes,
#detalhesContratacao .modal-full-detalhes,
#contratos .modal-full-detalhes,
#atas .modal-full-detalhes,
#fiscais .modal-full-detalhes,
#funcionarios .modal-full-detalhes,
#postosServicos .modal-full-detalhes {
  min-height: 100vh;
  min-width: 98%;
}
#home .modal-full-detalhes .modal-content,
#detalhesContrato .modal-full-detalhes .modal-content,
#detalhesContratacao .modal-full-detalhes .modal-content,
#contratos .modal-full-detalhes .modal-content,
#atas .modal-full-detalhes .modal-content,
#fiscais .modal-full-detalhes .modal-content,
#funcionarios .modal-full-detalhes .modal-content,
#postosServicos .modal-full-detalhes .modal-content {
  background: #F5F5F5;
}
#home .txt-nm-contratada,
#detalhesContrato .txt-nm-contratada,
#detalhesContratacao .txt-nm-contratada,
#contratos .txt-nm-contratada,
#atas .txt-nm-contratada,
#fiscais .txt-nm-contratada,
#funcionarios .txt-nm-contratada,
#postosServicos .txt-nm-contratada {
  font-weight: 700;
  font-size: 18px;
  align-items: flex-end;
  color: #02A6AB;
}
#home .dadosContrato,
#detalhesContrato .dadosContrato,
#detalhesContratacao .dadosContrato,
#contratos .dadosContrato,
#atas .dadosContrato,
#fiscais .dadosContrato,
#funcionarios .dadosContrato,
#postosServicos .dadosContrato {
  color: #666666;
}
#home .btnGestaoFiscais:hover,
#home .downloadButton:hover,
#detalhesContrato .btnGestaoFiscais:hover,
#detalhesContrato .downloadButton:hover,
#detalhesContratacao .btnGestaoFiscais:hover,
#detalhesContratacao .downloadButton:hover,
#contratos .btnGestaoFiscais:hover,
#contratos .downloadButton:hover,
#atas .btnGestaoFiscais:hover,
#atas .downloadButton:hover,
#fiscais .btnGestaoFiscais:hover,
#fiscais .downloadButton:hover,
#funcionarios .btnGestaoFiscais:hover,
#funcionarios .downloadButton:hover,
#postosServicos .btnGestaoFiscais:hover,
#postosServicos .downloadButton:hover {
  color: #fff;
  transition: 0.1s ease-in-out 0s;
  transform: scale(1.08);
}
#home .w-detalhes,
#detalhesContrato .w-detalhes,
#detalhesContratacao .w-detalhes,
#contratos .w-detalhes,
#atas .w-detalhes,
#fiscais .w-detalhes,
#funcionarios .w-detalhes,
#postosServicos .w-detalhes {
  width: 110px;
  min-width: 100px;
}
#home .skeleton-loader,
#detalhesContrato .skeleton-loader,
#detalhesContratacao .skeleton-loader,
#contratos .skeleton-loader,
#atas .skeleton-loader,
#fiscais .skeleton-loader,
#funcionarios .skeleton-loader,
#postosServicos .skeleton-loader {
  height: 20px;
  width: 100%;
  background: linear-gradient(90deg, #E7E7E7 25%, #DDDDDD 50%, #E7E7E7 75%);
  background-size: 200% 100%;
  animation: transparencia-skeleton-loading 1.5s infinite linear;
  border-radius: 4px;
}
@keyframes transparencia-skeleton-loading {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

#detalhesContratacao {
  height: 100vh;
}

#detalhesContrato {
  min-height: 0;
  height: auto;
}

#clienteNaoEncontrado .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 0.25rem;
}
#clienteNaoEncontrado .card .card-header {
  background-color: #fff;
  border-bottom: none;
}

#modalNomearFiltro.modal:not(.modal-is-full) .modal-dialog {
  max-width: 520px;
}

.transparencia-home-content {
  min-height: 200px;
}

#detalhesAta {
  height: 100vh;
  overflow-y: auto;
}
#detalhesAta .tableWrap {
  height: calc(100vh - 610px);
  overflow: auto;
}
#detalhesAta #divContratadas::-webkit-scrollbar {
  width: 0;
}
#detalhesAta .transparencia-ata-header-row {
  align-items: stretch;
}
#detalhesAta .transparencia-ata-header-row > [class*=col-] {
  min-height: 80px;
}
#detalhesAta .transparencia-ata-header-row .transparencia-ata-header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
#detalhesAta .transparencia-ata-header-row .transparencia-ata-badge,
#detalhesAta .transparencia-ata-header-row .transparencia-ata-contratadas,
#detalhesAta .transparencia-ata-header-row .transparencia-ata-actions-col {
  max-height: none;
  min-height: 80px;
  height: auto;
  align-self: stretch;
}
#detalhesAta .transparencia-ata-header-row .transparencia-ata-badge {
  flex: 0 0 auto;
}
#detalhesAta .transparencia-ata-header-row .transparencia-ata-contratadas {
  flex: 1 1 auto;
  justify-content: center;
}
#detalhesAta .transparencia-ata-header-row .transparencia-ata-actions-col {
  justify-content: center;
}
#detalhesAta .transparencia-ata-badge {
  background: #02A6AB;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(12, 63, 89, 0.15);
}
#detalhesAta .transparencia-ata-panel {
  background: #fff;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
#detalhesAta .transparencia-ata-contratadas .txt-nm-contratada {
  color: #0C3F59;
  font-weight: 700;
}
#detalhesAta .transparencia-ata-actions-col .btn.bg-red-1 {
  background: #C54848 !important;
  border-color: #C54848 !important;
  color: #fff !important;
  font-weight: 600;
}
#detalhesAta .transparencia-ata-actions-col .btn.bg-red-1:hover {
  background: #8F2A2A !important;
  border-color: #8F2A2A !important;
  color: #fff !important;
}
#detalhesAta .transparencia-ata-download-col .btn-transparencia-download {
  font-weight: 500;
}
#detalhesAta .transparencia-ata-download-col .btn:disabled {
  background: #DDDDDD !important;
  border-color: #DDDDDD !important;
  color: #666666 !important;
  opacity: 1;
}
#detalhesAta .dadosContrato {
  color: #666666;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
#detalhesAta .dadosContrato .small {
  color: #687277;
}
#detalhesAta .dadosContrato strong,
#detalhesAta .dadosContrato .text-gray-dark {
  color: #666666;
  font-weight: 700;
}
#detalhesAta .dadosContrato i.fas,
#detalhesAta .dadosContrato i.fa {
  color: #02A6AB;
}
#detalhesAta .transparencia-ata-sidebar {
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
#detalhesAta .transparencia-ata-sidebar .btn.bg-blue-1 {
  background: #02A6AB !important;
  border-color: #02A6AB !important;
  color: #fff !important;
  font-weight: 600;
}
#detalhesAta .transparencia-ata-sidebar .btn.bg-blue-1:hover {
  background: #196D70 !important;
  border-color: #196D70 !important;
  color: #fff !important;
}
#detalhesAta .transparencia-ata-table-section {
  background: #F5F5F5;
  border-radius: 5px;
  padding: 0.75rem;
}
#detalhesAta .transparencia-ata-table-wrap {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #D7D7D7;
}
#detalhesAta #tableItens thead .transparencia-ata-table-title-row th {
  background: #0C3F59 !important;
  color: #fff !important;
  border-color: #0C3F59;
  padding: 0.65rem 0.75rem;
}
#detalhesAta #tableItens thead tr:not(.transparencia-ata-table-title-row) th {
  background: #E7E7E7 !important;
  color: #666666 !important;
  font-weight: 700;
  border-color: #D7D7D7;
}
#detalhesAta #tableItens tbody td {
  color: #666666;
}
#detalhesAta #tableItens tbody tr:nth-child(odd) {
  background: #F9F9F9;
}
#detalhesAta #tableItens tbody tr:nth-child(even) {
  background: #fff;
}
#detalhesAta .transparencia-ata-export-btn {
  background: #fff !important;
  color: #0C3F59 !important;
  border: 1px solid #fff !important;
  font-size: inherit;
  padding: 3px;
  width: 45px;
  font-weight: 600;
}
#detalhesAta .transparencia-ata-export-btn:hover {
  background: #E7E7E7 !important;
  color: #0C3F59 !important;
}
#detalhesAta.container-fluid .bg-grey-2:not(.transparencia-ata-table-section) {
  padding: inherit;
}

#app:has(#detalhesContrato) {
  height: 100vh;
  max-height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#app:has(#detalhesContrato) #page {
  flex: 1 1 auto;
  min-height: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#detalhesContrato {
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}
#detalhesContrato .row {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
#detalhesContrato > .row > [class*=col-],
#detalhesContrato .transparencia-contrato-info-row > [class*=col-] {
  min-width: 0;
  max-width: 100%;
}
#detalhesContrato .logo-contratos {
  margin: 0.5rem;
  max-width: 100%;
}
#detalhesContrato #divContratadas .txt-nm-contratada {
  margin-left: 0;
  margin-bottom: 0.25rem;
  word-break: break-word;
}
#detalhesContrato .transparencia-contrato-info-row {
  align-items: stretch;
}
#detalhesContrato .transparencia-contrato-download-col,
#detalhesContrato .transparencia-contrato-dados-col,
#detalhesContrato .transparencia-contrato-sidebar-col {
  min-width: 0;
}
#detalhesContrato .tableWrap {
  height: auto;
  max-height: none;
  overflow: visible;
  max-width: 100%;
}
#detalhesContrato .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
}
#detalhesContrato .tableWrap .table {
  width: 100%;
  max-width: 100%;
  table-layout: auto;
}
#detalhesContrato .tableWrap .table thead,
#detalhesContrato .tableWrap .table tbody tr {
  display: table-row;
  width: auto;
  table-layout: auto;
}
#detalhesContrato .tableWrap .table thead {
  width: 100%;
}
#detalhesContrato .tableWrap .table th,
#detalhesContrato .tableWrap .table td {
  word-break: break-word;
}
#detalhesContrato .transparencia-contrato-tables-row > [class*=col-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#detalhesContrato.of-y {
  overflow-y: visible;
  overflow-x: hidden;
}
#detalhesContrato #divContratadas.transparencia-header-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
#detalhesContrato #divContratadas::-webkit-scrollbar {
  width: 0;
}