.fs-20 {font-size:2rem;}
.fs-16 {font-size:1.6rem;}
.fs-14 {font-size:1.4rem;}
.fs-12 {font-size:1.2rem;}
.fs-11 {font-size:1.1rem;}
.fs-09 {font-size:.9rem;}
.fs-08 {font-size:.8rem;}
.fs-07 {font-size:.7rem;}
.fs-06 {font-size:.6rem;}
.fs-05 {font-size:.5rem;}
.fw-900 {font-weight:900;}
.ls-01 {letter-spacing:0.1rem;}

.col1 {color:#bb2637;}
.col2 {color:#0079FF;}
.bg1, .bg-red {background-color:#bb2637;}
.bg2, .bg-blue {background-color:#0079FF;}
.bg3, .bg-green {background-color:#87A922;}
.bg4, .bg-orange {background-color:#ec863c;}
.bg5, .bg-purple {background-color:#b83895;}
.bg6, .bg-dblue {background-color:#2b467d;}
.bg7, .bg-yellow {background-color:#fdbd15;}
.bg8, .bg-lblue {background-color:#5479bf;}
.bg9, .bg-dred {background-color:#80011f;}

.high {background-color:#fff200;color:#000;padding-left:.2rem;padding-right:.2rem;}

.font1 {font-family: 'Poppins', sans-serif;}
.font2 {font-family: 'Roboto Condensed', sans-serif;}

:-webkit-direct-focus {outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 0px!important;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
*:focus {outline: none;}
input, div, *:focus {outline:none;}
input, select, textarea, .input-group-text {border-color:#000 !important;}
input.is-invalid, select.is-invalid, textarea.is-invalid, .input-group-text.is-invalid {border-color:#f00 !important;}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
.btn-group>.btn-check:checked+.btn,
.page-item.active .page-link,
.table-primary, table.table.dataTable thead th, .table-primary tr th,
.bg-primary
{background-color:#bb2637 !important;border-color:#bb2637 !important;color:#fff !important;}

.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.disabled, .btn-outline-primary:disabled,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle
{background-color:#fff;border-color:#bb2637;color:#bb2637;}

.btn-primary:hover {background-color:#e52e43 !important;color:#fff !important;border-color:#e52e43 !important;}

.btn, .form-control, .form-select, .input-group, .input-group-text, .alert, .dropdown-menu,
h1, h2, h3, h4, h5 {border-radius:.15rem !important;}

.skew1 {transform: skew(-20deg);border-radius:0 !important;}
.skew2 {transform: skew(20deg);border-radius:0 !important;}

.form-control:read-only {background-color:#F6E9B2;}

.dropdown-item:not(:disabled):not(:disabled):active,
.dropdown-item:hover {background-color:#ccc;color:#000;border-color:000;}
.dropdown-item.title {padding-left:1rem;padding-right:1rem;background-color:#ecb649 !important;border-bottom:1px solid #ccc !important;}

.form-check-input:checked {background-color:#bb2637;color:#fff;border-color:#bb2637;}
.form-check-input.is-invalid {border-color:#bb2637;}

.accordion-button:not(.collapsed) {background-color:#ccc;color:#000;}

.nav-pills .nav-link {color:#bb2637;border:1px solid #bb2637;margin:0 1rem 0 0;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color:#bb2637;}

.modal .modal-header {padding-top:.5rem;padding-bottom:.5rem;}
.modal .modal-header .modal-title {font-size:.9rem;}

.form-label {margin-bottom:0;}

.pagination .page-link {color:#000;}
.pagination .active>.page-link, .pagination .page-link.active {background-color:#bb2637;border-color:#bb2637;color:#fff;}

body, html {font-family: 'Poppins', sans-serif;font-size:1.2vw;background-color:#fff;}

.desktop {display:block;}
.mobile {display:none;}

.navbar {background-color:#bb2637;}
.navbar .navbar-brand img {height:3rem;}
.navbar .navbar-toggler {border:0;}
.navbar .navbar-toggler img {height:2rem;}
.navbar .nav-item .nav-link {color:#fff;font-weight:600;}
.navbar .nav-item .nav-link.active,
.navbar .nav-item .nav-link:hover {color:#ecb649;}
.navbar .nav-item .nav-link svg {height:1rem;margin-bottom:.4rem;margin-left:-.2rem;fill:#fff;}
.navbar .nav-item .nav-link.active svg,
.navbar .nav-item .nav-link:hover svg {fill:#ecb649;}

.navbar .icon-lang {height:1rem;border:1px solid #999;border-radius:50%;}

.footer {border-top:3px solid #bb2637;color:#000;}
.footer .col1 {color:#000;margin-top:2rem;padding:1rem;}
.footer .col1 img {height:5rem;}
.footer .col2 {color:#bb2637;padding:1rem;margin-bottom:1rem;}
.footer .col2 img {height:2.5rem;margin:.5rem;}
.footer .col3 {padding:.4rem;background-color:#bb2637;font-size:.8rem;color:#fff;}


table {border:1px solid #999;font-size:.8rem;}
table thead tr th, table tbody tr td.title {text-align:center;background-color:#bb2637 !important;color:#fff !important;font-weight:bold;vertical-align:middle;border:1px solid #fff !important;}
table tbody tr td {border-right:1px solid #ccc;vertical-align:middle;text-align:center;}

@media only screen and (max-width: 768px) {
	.desktop {display:none;}
	.mobile {display:block;}
	html, body {font-size:4vw !important;}
	.navbar .navbar-brand img {height:1.5rem;}
	.navbar .navbar-toggler img {height:1.5rem;}
}
@media only screen and (max-width: 768px) and (orientation:landscape) {
	html, body {font-size:3vw !important;}
	.desktop {display:none;}
	.mobile {display:block;}
	.navbar .navbar-brand img {height:2rem;}
	.navbar .navbar-toggler img {height:2rem;}
}