html { overflow-y: auto }

.rounded-sm {
    border-radius: 4px !important;
}

.rounded-md {
    border-radius: 8px !important;
}

.rounded-lg {
    border-radius: 15px !important;
}

.rounded-xl {
    border-radius: 30px !important;
}

.full-width {
    width: 100%;
}

.v-breadcrumbs__divider {
    padding: 2px !important;
}

.bold {
    font-weight: 600;
}

.h-0 {
    height: 0 !important;
}

.v-center {
    vertical-align: middle !important;
}

.v-super {
    vertical-align: super !important;
}

.cursor {
    cursor: pointer !important;
}

.blink {
    animation: blinker 2s linear infinite;
}

.min-height {
    min-height: 400px;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}

.container, .stepper {
    max-width: 1280px !important;
}

.container.fluid {
    max-width: 100% !important;
}

a.underline {
    text-decoration: none !important;
}

a.underline:hover {
    text-decoration: underline !important;
}

span.required {
    float: left;
    margin-right: 5px;
    margin-left: -10px;
}

.list__tile__action {
    min-width: 2.5rem !important;
}

.custom-subheader {
    height: 2.5rem;
}

.custom-subheader .toolbar__content {
    height: 2.5rem !important;
    font-weight: 500 !important;
    color: #fff !important;
}

.v-card__title {
    padding: 0.5rem 1rem;
}

.v-card__title .subheading {
    height: 3rem;
    vertical-align: text-top !important;
}

.grid-list-md {
    padding: 0.5rem;
}

.go, .gob {
    cursor: pointer;
}

.go:hover {
    text-decoration: underline !important;
}

.gob:hover {
    color: #0277bd !important;
}

.loading {
    position: absolute;
    top: 20rem;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99999999;
}

.small-icon {
    font-size: 1.2rem !important;
}

.v-middle {
    vertical-align: middle !important;
}

.miniline {
    line-height: 3px;
    margin: 0;
}

.handle {
    cursor: move;
}

.toolbar-pr-0 .v-toolbar__content {
    padding-right: 0;
}

.grey_border {
    border: 1px solid #ccc;
}

.matrix_table_header th {
    padding-bottom: 0.5rem !important;
    padding-right: 0.2rem !important;
}

.matrix_table_axis {
    text-align: left;
    padding-right: 0.1rem !important;
    min-width: 150px;
    max-width: 500px;
}

.matrix_table_axis span {
    font-size: 1.1rem; 
    margin-top: -5px !important; 
    display: block;
}

.hide_radio_label label {
    display: none;
}

.fix_radio_label label {
    margin-top: -5px !important;
}

.ee__checkbox--horizontal .v-input--selection-controls__input, .ee__radio--horizontal .v-input--selection-controls__input {
    margin: 0 auto !important
}

.fix_td_label {
    margin-top: -5px !important;
    padding-top: 5px !important;
    width: 30px;
    margin: auto;
}

.sortable-chosen {
    border: 2px dashed #04cc7c !important;
    opacity: 0.5;
}

.hover-custom:hover {
    background-color: #eee !important;
}

.show-on-hover {
    visibility: hidden
}

.show-on-hover:hover{
    visibility: visible 
}

[v-cloak] > * { 
    display:none;
}

[v-cloak]::before, .loading-custom { 
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    margin: 200px auto;
    background-image: url('/assets/img/loading.svg');
}

[v-cloak]::before, .loading-custom-table { 
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    margin: 100px auto;
    background-image: url('/assets/img/loading.svg');
}

.bottom-line{
    border-bottom-style: solid !important;
    border-bottom-color: lightgrey !important;
    border-bottom-width: 1.5px !important;
}

.right_border{
    border-right-style: solid;
    border-right-color: lightgrey;
    border-right-width: 1px;
}

.pell-normal .pell-content {
    height: 200px !important;
}

.pell-big .pell-content {
    height: 340px !important;
}

.pell-small .pell-content {
    border: 1px solid lightgray;
    height: 100px !important;
}

.pell-mini .pell-content {
    border: 1px solid lightgray;
    height: auto !important;
    min-height: 80px !important;
    max-height: 160px !important;
}

.pell-actionbar {
    background-color: #ccc !important;
}

.pell-button {
    color: #333;
    opacity: 0.7;
}

.pell-button:hover {
    opacity: 1;
}

.template--anchors-disabled a{
    pointer-events: none !important;
    cursor: default;
}

.cursor--pointer {
    cursor: pointer !important;
}

.cursor--default {
    cursor: default !important;
}

.checkbox-whitout-label {
    width: 2rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.checkered-background {
    background:
        conic-gradient(#fff 0deg ,#fff 90deg,
                    lightgray 90deg,lightgray 180deg,
                    #fff 180deg,#fff 270deg,
                    lightgray 270deg,lightgray 360deg) 0 0/40px 40px round;
    margin: 15px;
    padding:10px;
}

/************************************************************/
/** CUSTOM FONT ICONS **/
/************************************************************/

.font-big:before{
    font-size:100px !important;
}

.font-medium:before{
    font-size:60px !important;
}

@font-face {
    font-family: 'Flaticon';
    font-display: swap;
    src: local('Flaticon'),
        url('/assets/font/Flaticon.eot?#iefix') format('embedded-opentype'),
        url('/assets/font/Flaticon.woff') format('woff'),
        url('/assets/font/Flaticon.ttf') format('truetype'),
        url('/assets/font/Flaticon.svg#Flaticon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-display: swap;
        font-family: 'Flaticon';
        src: url('/assets/font/Flaticon.svg#Flaticon') format('svg');
    }
}

[class^='flaticon-']:before, [class*=' flaticon-']:before,
[class^='flaticon-']:after, [class*=' flaticon-']:after {   
    font-family: Flaticon;
    font-style: normal;
    font-size: 1.7rem;
    font-style: bold;
}
.flaticon-check-matrix:before { content: "\e900"; }
.flaticon-radio-matrix:before { content: "\e901"; }
.flaticon-radio-inline:before { content: "\e902"; }
.flaticon-slider:before { content: "\e903"; }
.flaticon-dropdown-matrix:before { content: "\e904"; }
.flaticon-open-matrix:before { content: "\e905"; }
.flaticon-ranking:before { content: "\e906"; }
.flaticon-multiple-input:before { content: "\e907"; }
.flaticon-slider-multiple:before { content: "\e908"; }
.flaticon-google-plus:before { content: "\f100"; }
.flaticon-question:before { content: "\f101"; }
.flaticon-rating:before { content: "\f102"; }
.flaticon-slider-tool:before { content: "\f103"; }
.flaticon-chart:before { content: "\f104"; }
.flaticon-comment:before { content: "\f105"; }
.flaticon-qr-code:before { content: "\f106"; }
.flaticon-order:before { content: "\f107"; }
.flaticon-rate:before { content: "\f108"; }
.flaticon-rank:before { content: "\f109"; }
.flaticon-choices:before { content: "\f10a"; }
.flaticon-google:before { content: "\f10b"; }
.flaticon-dashboard:before { content: "\f10c"; }
.flaticon-list:before { content: "\f10d"; }
.flaticon-calendar:before { content: "\f10e"; }
.flaticon-round-account-button-with-user-inside:before { content: "\f10f"; }
.flaticon-user:before { content: "\f110"; }
.flaticon-facebook-letter-logo:before { content: "\f111"; }
.flaticon-facebook-logo:before { content: "\f112"; }
.flaticon-drop-down-list:before { content: "\f113"; }
.flaticon-envelope:before { content: "\f114"; }
.flaticon-twitter:before { content: "\f115"; }
.flaticon-conversation-with-text-lines:before { content: "\f116"; }
.flaticon-view-eye-interface-symbol:before { content: "\f117"; }
.flaticon-hide-interface-symbol:before { content: "\f118"; }
.flaticon-preview:before { content: "\f119"; }
.flaticon-add-text-notes:before { content: "\f11a"; }
.flaticon-add:before { content: "\f11b"; }
.flaticon-shapes-and-symbols:before { content: "\f11c"; }
.flaticon-price-tag:before { content: "\f11d"; }
.flaticon-premium-badge:before { content: "\f11e"; }
.flaticon-add-1:before { content: "\f11f"; }
.flaticon-linkedin-logo:before { content: "\f120"; }

.encuesta_active_primary--text {
    color: #07428a !important;
    caret-color: #07428a !important;
}

.encuesta_highlight_secondary--text {
    color: #4372ac !important;
    caret-color: #4372ac !important;
}

.theme--light.v-divider {
    border-color: rgba(0,0,0,0.12);
}

@media print{
    div {            
        font-size: 11px !important;
        padding-right: 0px !important;
                
    }

    .margin-print-col1 {
        margin-top: 10px !important;
    }

    .margin-print-col2 {
        margin-top: 18px !important;
    }

    .margin-print-col3 {
        margin-top: 29px !important;
    }
}