:root {
    --color-primary: 25, 119, 182;
    --color-primary-hover: 25, 133, 191;
    --color-orange: 255, 225, 209;
    --color-grey-light: 128, 128, 128;
    --color-grey-light-xs: 191, 191, 191;
    --color-grey-light-xs-tiny: 241, 240, 241;
    --color-grey-dark: 74, 75, 70;
    --color-red: 255, 62, 108;
    --color-red-warning: 255, 29, 90;
    --color-red-dark: 237, 15, 73;
    --color-green: 20, 166, 0;
    --color-green-light: 62, 179, 146;
    --color-green-light-led: 40, 202, 155;
    --color-green-light-xs-tiny: 231, 254, 241;
    --color-white: 255, 255, 255;
    --color-white-light: 248, 250, 253;
    --color-yellow-dark: 229, 173, 12;
    --color-blue-xtiny: 226 237 246;
    --color-blue-tiny: 96, 160, 204;
    --color-blue-semi-tiny: 49, 133, 190;
    --color-blue-title: 165, 214, 236;
    --color-blue-subtitle: 25 119 182;
    --color-blue-dark: 18 37 60;
    --color-rol-green: #E7FEF1;
    --color-rol-blue: #D7E6FF;
    --color-rol-yellow: #FFFCC9;
    --color-rol-pink: #FCEAE8;
    --color-rol-orange: #F6E0CC;
    --color-rol-purple: #EEEAFF;
    --color-rol-white-light: #F3F5F5;
}

.btn-primary {
    background-color: rgb(var(--color-primary));
}

.btn-primary:hover {
    background-color: rgb(var(--color-primary-hover));
}

.btn-primary .svg-icon .svg-icon-item path {
    fill: rgb(var(--color-white));
}

.btn-primary .svg-icon.grey-path .svg-icon-item path,
.svg-icon.grey-path .svg-icon-item path {
    fill: #888;
}

.btn-blue-light {
    background-color: #e1eef4;
    color: #2b7aaf;
}

.btn-box-inline {
    white-space: nowrap;
}

.btn-no-outline:focus {
    box-shadow: none;
}

.btn-rounded-tiny {
    padding: .1rem .4rem;
    background: rgb(var(--color-blue-semi-tiny));
    border-radius: 50%;
}

.btn-rounded-icon {
    padding: .6rem .75rem;
    transition: all .3s;
    border: 0;
    border-radius: 50%;
}

.btn-rounded-icon-md {
    /* background: red; */
    border-radius: 50%;
    padding: .575rem .875rem;
    border: 0;
}

.btn-rounded-icon-md:hover,
.btn-rounded-icon-md:focus {
    background-color: rgb(var(--color-grey-light-xs));
}

.btn-md-custom {
    padding-top: .59rem;
    padding-bottom: .59rem;
}

.btn-lg-custom {
    padding-top: .7rem;
    padding-bottom: .7rem;
}

.btn-bordered-primary {
    background-color: transparent;
    color: rgb(var(--color-primary)) !important;
    border-color: rgb(var(--color-primary));
}

.btn-bordered-grey-dark {
    background-color: transparent;
    color: rgb(var(--color-grey-dark)) !important;
    border-color: rgb(var(--color-grey-dark));
}

.btn-bordered-grey-light {
    background-color: transparent;
    color: rgb(var(--color-grey-light)) !important;
    border-color: rgb(var(--color-grey-light));
}

.btn.btn-spacer-side {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.btn.btn-w-medium {
    min-width: 17rem;
}

.btn.btn-w-small {
    min-width: 8.5rem;
}

.link-primary {
    color: rgb(var(--color-primary));
}

.link-primary:hover {
    color: rgb(var(--color-primary-hover));
}

.form-control {
    font-size: 15px;
}

.form-width-tiny {
    max-width: 7rem;
}

.text-primary {
    color: rgb(var(--color-primary)) !important;
}

.text-grey-light {
    color: rgb(var(--color-grey-light));
}

.text-grey-light-xs {
    color: rgb(var(--color-grey-light-xs));
}

.text-grey-dark {
    color: rgb(var(--color-grey-dark));
}

.text-green {
    color: rgb(var(--color-green));
}

.text-red {
    color: rgb(var(--color-red));
}

.text-blue-subtitle {
    color: rgb(var(--color-blue-subtitle));
}

.text-blue-xtiny {
    color: rgb(var(--color-blue-xtiny));
}

.text-white-opacity-1 {
    color: rgb(var(--color-white), 0.7);
}

.text-fw-medium {
    font-weight: 500;
}

.text-size-tiny {
    font-size: .7rem;
}

.bg-primary {
    background-color: rgb(var(--color-primary)) !important;
}

.bg-grey-light {
    background-color: rgb(var(--color-grey-light));
}

.bg-grey-light-xs {
    background-color: rgb(var(--color-grey-light-xs));
}

.bg-grey-light-xs-tiny {
    background-color: rgb(var(--color-grey-light-xs-tiny));
}

.bg-blue-subtitle {
    background-color: rgb(var(--color-blue-subtitle));
}

.bg-blue-xtiny {
    background-color: rgb(var(--color-blue-xtiny));
}

.bg-yellow-dark {
    background-color: rgb(var(--color-yellow-dark));
}

.bg-green-light {
    background-color: rgb(var(--color-green-light));
}

.bg-green-light-led {
    background-color: rgb(var(--color-green-light-led));
}

.bg-green-light-xs-tiny {
    background-color: rgb(var(--color-green-light-xs-tiny));
}

.bg-blue-dark {
    background-color: rgb(var(--color-blue-dark));
}

.swal2-confirm.bg-primary {
    background-color: rgb(var(--color-primary)) !important;
}

.swal2-confirm.bg-primary:hover {
    background-color: rgb(var(--color-primary-hover)) !important;
}

.form-label.label-xs {
    font-size: 0.8rem;
}

.bi.tiny {
    font-size: .7rem;
}

.bi.large {
    font-size: 1.5rem;
}

.opacity-0 {
    opacity: 0;
}

.visibility-hidden {
    visibility: hidden;
}

.form-icon {
    position: relative;    
}

.form-icon .form-icon-item {
    position: absolute;
    padding: .3rem 1rem;
    color: grey;
    font-size: 1.3rem;
}

.form-icon .form-icon-item.item-right {
    right: 0;
}

.was-invalidated.form-icon .form-icon-item.item-right {
    right: 1.5rem;
}

.form-icon .form-icon-item.item-small {
    padding: .15rem 1rem;
}

.form-icon .form-icon-item.item-medium {
    padding: .4rem 1rem;
}

.alert.alert-form-top {
    padding-left: 4rem;
    font-size: 13px;
    background-color: rgb(var(--color-orange));
    border-color: transparent;
    background-image: url(../img/ic-warning-red-md.png);
    background-position: .8rem center;
    background-repeat: no-repeat;
    background-size: 40px;
}

.form-control.is-invalid {
    border-color: rgb(var(--color-red-warning));
}

.form-control.is-invalid ~ .invalid-feedback {
    color: rgb(var(--color-red-warning));
    text-align: left;
    padding-left: 2rem;
    line-height: 1rem;
}

.form-control.is-invalid ~ .invalid-feedback {
    background-image: url(../img/ic-warning-red.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.form-control.has-icon-left {
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-position: .5rem center;
    background-image: url(../img/ic-search.svg);
    background-size: 23px;
}

.form-control.ss-main {
    padding: .375rem .75rem;
}

input.form-control-secondary,
.form-control-secondary.ss-main {
    padding: .675rem .75rem;
}

textarea.form-control-secondary {
    min-height: calc(8.4em + (.75rem + 2px));    
}

.form-floating-modified {
    position: relative;
}

.form-floating-modified > .form-control {
    height: calc(2.8rem + 2px);
    padding: 1.35rem 0.75rem 0.5rem;
    background-color: #16517d;
    border-color: #16517d;
    /* color: rgb(var(--color-blue-title)); */
    color: white;
}

.form-floating-modified > .form-control::placeholder {
    /* color: rgb(var(--color-blue-title)); */
    color: white;
    opacity: 1;
}

.form-floating-modified > label {
    top: .2rem;
    left: .75rem;
    height: 100%;
    padding: initial;
    position: absolute;
    font-size: 0.7rem;
    pointer-events: none;
    color: rgb(var(--color-blue-tiny));
}

.form-floating-modified > .form-control:focus, 
.form-floating-modified > .form-control:not(:placeholder-shown) {
    padding: 1.35rem 0.75rem 0.5rem;
}

.form-floating-modified > .form-control:focus ~ label, 
.form-floating-modified > .form-control:not(:placeholder-shown) ~ label, 
.form-floating-modified > .form-select ~ label {
    transform: initial;
    opacity: 1;
}

.table.table-default {

}

.table.table-default thead {
    background-color: #F1F6F9;
}

.table.table-default thead tr th,
.table.table-default tbody tr td {
    padding: 1.3rem;
}

.table.table-default thead tr th {
    border-bottom: 0;
    font-weight: normal;
}

.table.table-default thead.secondary {
    background-color: #f0f2f5;
}

.table.table-default thead.nowrap tr th {
    white-space: nowrap;
}

.table.table-default tbody tr td.item-options {
    padding: .7em;
}

.table.table-basic {

}

.table.table-basic tbody tr td{
    border-bottom: 0;
}

.table.table-basic tbody tr td:first-child {
    padding-left: 0;
}

.table.table-option-fixed {
    position: relative
}

.table.table-option-fixed thead tr th:last-child,
.table.table-option-fixed tbody tr td:last-child {
    position: sticky;
    right: 0;
}

.table.table-option-fixed thead tr th:last-child {
    background-color: #F1F6F9;
}

.table.table-option-fixed tbody tr td:last-child {
    background-color: white;
}

.table thead tr th.header-ordering[data-order="asc"] {

}

.table thead tr th.header-ordering[data-order="desc"] i {
    /* transition: all .3s; */
}

.table thead tr th.header-ordering[data-order="desc"] i:before{
    transform: rotate(-180deg);
    transition: all .3s;
}

.rounded.round-2x {
    border-radius: .5rem !important;
}

hr.dotted {
    background-color: transparent;
    border-top: 1px dotted #575757;
}

.pagination.paginate-default {
    /* TODO */
}

.pagination.paginate-default li {
    margin-right: .5rem;
}

.pagination.paginate-default li:last-child {
    margin-right: 0;
}

.pagination.paginate-default li a {
    color: rgb(var(--color-grey-dark));
    font-size: .9rem;
    border-radius: .25rem;
}

.pagination.paginate-default li a:hover {
    background-color: rgb(var(--color-primary));
    color: rgb(var(--color-white));
}

.list-default span {
    padding: .4rem;
    margin-right: .5rem;
    font-size: .9rem;
    color: #000000
}

.list-default-empty span {
    display: inline-block;
    padding: 0rem 1.5rem;
}

.list-default-empty.small span {
    padding: 0rem 1rem;
}

.form-switch.switch-default {
    padding-left: 0;
    display: inline-block;
}

.form-switch.switch-default .form-check-label {
    min-width: 100px;
}

.form-switch.switch-default .form-check-input {
    float: right;
    margin-left: auto;
    margin-top: 0;
    width: 3em;
    height: 1.5em;
    background-color: rgb(var(--color-grey-light));
    border-color: rgb(var(--color-grey-light));

    background-position: left center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.switch-default .form-check-input:checked {
    background-color: rgb(var(--color-primary));
    border-color: rgb(var(--color-primary));
    background-position: right center;
}

.form-switch.switch-default.switch-left .form-check-label {
    width: auto;
    min-width: 30px;
}

.form-switch.switch-default.switch-left .form-check-input {
    float: left;
    margin-right: 1rem;
}

.form-switch.switch-default.switch-left-default .form-check-input {
    margin-right: .5rem;
}

.modal.modal-simple .modal-header,
.modal.modal-simple .modal-footer {
    padding: 1.2rem 1.5rem;
}

.modal.modal-simple .modal-body {
    padding: 1.5rem;
}

.modal.modal-simple .modal-header{
    border-bottom: 0;
}

.modal.modal-simple .modal-footer{
    border-top: 0;
}

.modal .modal-xlm {
    max-width: 1000px;
}

.box-item-status {
    border: 1px solid rgb(var(--color-grey-dark), .4);
    white-space: nowrap;
}

.box-item-status .item-indicator,
.table-item-status .item-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgb(var(--color-white-light));
    vertical-align: top;
    border-radius: 50%;
    margin-top: .5rem;
}

.box-item-status .item-text {
    display: inline-block;
}

.box-item-status.status-primary .item-indicator,
.table-item-status.status-primary .item-indicator{
    background-color: rgb(var(--color-primary));
}

.box-item-status.status-primary-rounded .item-indicator,
.table-item-status.status-primary-rounded .item-indicator{
    border: 1px solid rgb(var(--color-primary));
    background-color: transparent;
}

.box-item-status.status-danger .item-indicator,
.table-item-status.status-danger .item-indicator{
    background-color: rgb(var(--color-red-dark));
}

.box-item-status.status-success .item-indicator,
.table-item-status.status-success .item-indicator{
    background-color: rgb(var(--color-green-light));
}

.box-item-status.status-warning .item-indicator,
.table-item-status.status-warning .item-indicator{
    background-color: rgb(var(--color-yellow-dark));
}

.box-item-status.item-basic,
.table-item-status.item-basic {
    border-color: transparent;
}

.list-default span:last-child .item-indicator{
    margin-right: 0;
}

.list-default.list-checkeable span {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    cursor: pointer;
    border: 1px solid rgb(var(--color-grey-light), .4);
    transition: all .3s;
}

.list-default.list-checkeable span:hover,
.list-default.list-checkeable span.active {
    border-color: rgb(var(--color-grey-dark));
}

.list-default.list-checkeable span.active {
    background-repeat: no-repeat;
    background-position: .5rem center;
    background-image: url(../img/ic-check.svg);
    background-size: 14px;
}

.checkbox-selector .main-checkbox {
    
}

.required-feedback {
    font-size: .8rem;
    text-align: left;
    margin-top: 1rem;
}

.required-feedback ul {
    padding: 0;
    list-style: none;
    margin-top: .5rem;
}

.required-feedback ul li{
    padding-left: 1rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10px;
}

.required-feedback ul li.required-success {
    color: rgb(var(--color-green));
    background-image: url(../img/ic-success.png);
}

.required-feedback ul li.required-failed {
    color: rgb(var(--color-red));
    background-image: url(../img/ic-failed.png);
}

.custom-select-wrapper {
    position: relative;
}

.custom-select-wrapper .select-description {
    position: absolute;
    top: .32rem;
    left: 8px;
    font-size: 11px;
    color: rgb(var(--color-blue-tiny));
    padding: 0 5px;
    border-radius: 3px;
    z-index: 10;
}
        
.custom-select-wrapper .ss-main {
    background-color: #16517d;
    border: 1px solid #16517d;
    border-radius: 4px;
    padding: 8px 10px;
    padding-bottom: 5px;
}

.custom-select-wrapper .ss-main:focus {
    box-shadow: initial;
}

.custom-select-wrapper .ss-main .ss-values {
    margin-top: .7rem;
}

.custom-select-wrapper .ss-main .ss-values .ss-placeholder,
.custom-select-wrapper .ss-main .ss-values .ss-single {
    /* color: rgb(var(--color-blue-title)); */
    color: white;
    font-size: .9rem;
}

.custom-select-wrapper .ss-main .ss-values .ss-placeholder {
    padding-left: 3px;
}

.custom-select-wrapper .ss-main .ss-arrow path {
    stroke: rgb(var(--color-blue-title));
}

.custom-select-wrapper .ss-main.ss-open-below {
    background-color: #1a5d91;
    border: 1px solid #1a5d91;
}

.custom-select-wrapper .ss-content {
    border: 1px solid #ddd;
    border-top: none;
}

.ss-main.is-invalid .ss-arrow {
    margin-right: 1.2rem;
}
/*
.ss-content .ss-list .ss-option-custom {
    display: block;
    padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
    white-space: normal;
    color: var(--ss-font-color);
    cursor: pointer;
    user-select: none;
    background-color: #16517d;
    color: white;
}

.ss-content .ss-list .ss-option-custom.ss-highlighted, 
.ss-content .ss-list .ss-option-custom:not(.ss-disabled).ss-selected {
    color: var(--ss-bg-color);
    background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}
*/

.screen-loader-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    color: white;
}

.screen-loader-content h6 {
    padding: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    background: rgba(0, 0, 0, .7);
    border-radius: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.contact-whatsapp {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 60px;
}

@media (min-width: 576px) {
    .col-sm-1-3 {
        width: 13%;
    }

    .col-sm-2-0 {
        width: 20%;
    }
}