.state_col_inq { background: #feff80; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.state_col_no { background: #ff99cc; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.state_col_qu { background: #abd0f4; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.state_col_oc { background: #ccffd9; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.state_col_na { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.state_col_rev { background: linear-gradient(to left, #feff80, #abd0f4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.state_col_co { background: linear-gradient(to left, #3eca62, #ccffd9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.comp_logo_40x35 { max-height: 40px; max-width: 35px; margin-right: 10px; }
.fa-1_2x { font-size: 1.2em !important; }
.fa-1_5x { font-size: 1.5em !important; }
.fa-2x { font-size: 2em !important; }
.fa-3x { font-size: 3em !important; }

#offer_items,
#project_items { max-height: 450px; overflow: auto; }
.swipe-content { min-width: 1000px; overflow-x: auto; }
.timeline-item { padding: 5px 0; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.float-right { float: right; !important;}
.float-left { float: left; !important;}
.mr-1 {margin-right: 10px !important;}
.mr-2 {margin-right: 15px !important;}
.ml-1 {margin-left: 10px !important;}
.ml-2 {margin-left: 15px !important;}
.mb-1 {margin-bottom: 10px !important;}
.mb-2 {margin-bottom: 15px !important;}
.mt-1 {margin-top: 10px !important;}
.mt-2 {margin-top: 15px !important;}
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 20% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-85 {width: 85% !important;}

.chart_std_style { height: 350px }
.form-check-input {background-color: #FFF;}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm, .btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { padding: calc(0.35rem + 1px) calc(0.5rem + 1px); }

.sticky_env_text { width: 150px; text-align: center; position: -webkit-sticky; position: sticky; top: 0; z-index: 101; }
.spinner_centered { position: fixed; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.form-switch .form-check-input { height: 1rem !important; width: 2rem; margin-right: 5px;}

.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img, .nav.nav-pills.nav-pills-custom .nav-link .nav-icon img { width: 50px;}

.show_tab {display: block;}
.hide_tab {display: none;}

.card-body .row.striped-table:nth-child(odd) { background-color: #f7f7f4; }
.clickable:hover { cursor: pointer; }