/* Bootstrap adjustments */
.btn-icon {
    position: inherit;
}

.nav-box .nav-link.active {
    background-color: #2196F3;
}

.nav-box .k2p .nav-link.active {
    background-color: #F44336;
}

.nav-box .poll .nav-link.active {
    background-color: #3F51B5;
}

.nav-box .nav-link.active h4 {
    color: #fff;
}

.nav-box .nav-link.active .text-black-50 {
    color: rgba(255, 255, 255, .5) !important;
}

.nav-box .nav-link.active .icon-tabler {
    stroke: #F5F5F5 !important;
}

svg {
    vertical-align: middle;
    margin-bottom: 0px;
}

#secondary_small_content_bar svg:hover {
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

.avatar-fit {
    -o-object-fit: cover;
    object-fit: cover;
}

/* Fix question steps */
.step_item .icon-tabler {
    width: 20px;
    height: 20px;
}

.step_active .icon-tabler {
    stroke: #F5F5F5 !important;
}

/* End Fix question steps */
.del {
    text-decoration: line-through;
}

.not-active {
    pointer-events: none;
    cursor: wait;
}

.height_30 {
    height: 30px;
}

.height_40 {
    height: 40px;
}

.height_50 {
    height: 50px;
}

.survey_logo {
    max-height: 50px;
    max-width: 200px;
}

.survey_logo_2x {
    max-height: 100px;
    max-width: 400px;
}

.survey_logo_3x {
    max-height: 150px;
    max-width: 600px;
}

.clickable, .pointer {
    cursor: pointer;
}

.clickable_over {
    /*background: rgba(0, 201, 167, 0.1)!important;*/
}

.draggable {
    cursor: move;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.icon-30 {
    width: 30px;
    height: 30px;
}

.icon-40 {
    width: 40px;
    height: 40px;
}

.icon-50 {
    width: 50px;
    height: 50px;
}

.icon-70 {
    width: 70px;
    height: 70px;
}

.icon-100 {
    width: 100px;
    height: 100px;
}

.icon-300 {
    width: 300px;
    height: 300px;
}

.btn-icon-height {
    display: inline-flex;
    height: 2.125rem;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
}

.space-top-only-main {
    padding-top: 5.425rem !important;
}

.space-top-main {
    padding-top: 5.125rem !important;
    padding-bottom: 5.125rem !important;
}

.rounded-xl {
    border-radius: 1.5rem !important;
}

.z1 {
    z-index: 5;
}

.z_modal {
    z-index: 1010;
}

/* Backgrounds */
.bg-grey, .progress-grey {
    background-color: #BDBDBD !important;
}

.bg-red, .progress-red {
    background-color: #F44336 !important;
}

.bg-pink, .progress-pink {
    background-color: #E91E63 !important;
}

.bg-purple, .progress-purple {
    background-color: #9C27B0 !important;
}

.bg-deeppurple, .progress-deeppurple {
    background-color: #673AB7 !important;
}

.bg-indigo, .progress-indigo {
    background-color: #3F51B5 !important;
}

.bg-blue, .progress-blue {
    background-color: #2196F3 !important;
}

.bg-lightblue, .progress-lightblue {
    background-color: #03A9F4 !important;
}

.bg-cyan, .progress-cyan {
    background-color: #00BCD4 !important;
}

.bg-teal, .progress-teal {
    background-color: #009688 !important;
}

.bg-green, .progress-green {
    background-color: #4CAF50 !important;
}

.bg-lightgreen, .progress-lightgreen {
    background-color: #8BC34A !important;
}

.bg-lime, .progress-lime {
    background-color: #CDDC39 !important;
}

.bg-yellow, .progress-yellow {
    background-color: #FFEB3B !important;
}

.bg-amber, .progress-amber {
    background-color: #FFC107 !important;
}

.bg-orange, .progress-orange {
    background-color: #FB8C00 !important;
}

.bg-deeporange, .progress-deeporange {
    background-color: #FF5722 !important;
}

.bg-brown, .progress-brown {
    background-color: #795548 !important;
}

.bg-lightgrey, .progress-lightgrey {
    background-color: #9E9E9E !important;
}

.bg-navy, .progress-navy {
    background-color: #0a083b !important;
}

.bg-light {
    background-color: #FAFAFA !important;
}

.bg-less-light {
    background-color: #EEEEEE !important;
}

/* Soft backgrounds */
.bg-soft-grey {
    background-color: #E0E0E0 !important;
}

.bg-soft-red {
    background-color: #FFCDD2 !important;
}

.bg-soft-pink {
    background-color: #F8BBD0 !important;
}

.bg-soft-purple {
    background-color: #E1BEE7 !important;
}

.bg-soft-deeppurple {
    background-color: #D1C4E9 !important;
}

.bg-soft-indigo {
    background-color: #C5CAE9 !important;
}

.bg-soft-blue {
    background-color: #BBDEFB !important;
}

.bg-soft-lightblue {
    background-color: #B3E5FC !important;
}

.bg-soft-cyan {
    background-color: #B2EBF2 !important;
}

.bg-soft-teal {
    background-color: #B2DFDB !important;
}

.bg-soft-green {
    background-color: #C8E6C9 !important;
}

.bg-soft-lightgreen {
    background-color: #DCEDC8 !important;
}

.bg-soft-lime {
    background-color: #F0F4C3 !important;
}

.bg-soft-yellow {
    background-color: #FFF9C4 !important;
}

.bg-soft-amber {
    background-color: #FFECB3 !important;
}

.bg-soft-orange {
    background-color: #FFE0B2 !important;
}

.bg-soft-deeporange {
    background-color: #FFCCBC !important;
}

.bg-soft-brown {
    background-color: #D7CCC8 !important;
}

.bg-soft-lightgrey {
    background-color: #F5F5F5 !important;
}

.bg-soft-navy {
    background-color: #C5CAE9 !important;
}

/* Borders */
.border-grey {
    border-color: #607D8B !important;
}

.border-red {
    border-color: #F44336 !important;
}

.border-pink {
    border-color: #E91E63 !important;
}

.border-purple {
    border-color: #9C27B0 !important;
}

.border-deeppurple {
    border-color: #673AB7 !important;
}

.border-indigo {
    border-color: #3F51B5 !important;
}

.border-blue {
    border-color: #2196F3 !important;
}

.border-lightblue {
    border-color: #03A9F4 !important;
}

.border-cyan {
    border-color: #00BCD4 !important;
}

.border-teal {
    border-color: #009688 !important;
}

.border-green {
    border-color: #4CAF50 !important;
}

.border-lightgreen {
    border-color: #8BC34A !important;
}

.border-lime {
    border-color: #CDDC39 !important;
}

.border-yellow {
    border-color: #FFEB3B !important;
}

.border-amber {
    border-color: #FFC107 !important;
}

.border-orange {
    border-color: #FF9800 !important;
}

.border-deeporange {
    border-color: #FF5722 !important;
}

.border-brown {
    border-color: #795548 !important;
}

.border-lightgrey {
    border-color: #9E9E9E !important;
}

.border-navy {
    border-color: #0a083b !important;
}

.img-center {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.bg-navy, .bg-grey, .bg-red, .bg-pink, .bg-purple, .bg-deeppurple,
.bg-indigo, .bg-blue, .bg-lightblue, .bg-cyan, .bg-teal, .bg-green,
.bg-lightgreen, .bg-orange, .bg-deeporange, .bg-brown, .bg-lightgrey {
    color: #F5F5F5 !important;
}

.bg-lime, .bg-yellow, .bg-amber, .bg-white, .bg-light, .bg-less-light, [class*="bg-soft"], [class*="bg-soft"] .text-muted {
    color: #212121 !important;
}

.bg-navy a, .bg-grey a, .bg-red a, .bg-pink a, .bg-purple a, .bg-deeppurple a,
.bg-indigo a, .bg-blue a, .bg-lightblue a, .bg-cyan a, .bg-teal a, .bg-green a,
.bg-lightgreen a, .bg-orange a, .bg-deeporange a, .bg-brown a, .bg-lightgrey a {
    color: #FEFEFE !important;
}

[class*="bg"] .dropdown-item {
    color: #1e2022 !important;
}

.bg-lime a, .bg-yellow a, .bg-amber a, .bg-white a, .bg-light a, .bg-less-light a, [class*="bg-soft"] a {
    color: #121212 !important;
}

.img-icon-10 {
    font-size: 12px;
}

.img-icon-20 {
    font-size: 18px;
}

.img-icon-30 {
    font-size: 25px;
}

.img-icon-50 {
    font-size: 50px;
}

.img-icon-100 {
    font-size: 100px;
}

/* Images */
.img-grey {
    color: #607D8B !important;
}

.img-red {
    color: #F44336 !important;
}

.img-pink {
    color: #E91E63 !important;
}

.img-purple {
    color: #9C27B0 !important;
}

.img-deeppurple {
    color: #673AB7 !important;
}

.img-indigo {
    color: #3F51B5 !important;
}

.img-blue {
    color: #2196F3 !important;
}

.img-lightblue {
    color: #03A9F4 !important;
}

.img-cyan {
    color: #00BCD4 !important;
}

.img-teal {
    color: #009688 !important;
}

.img-green {
    color: #4CAF50 !important;
}

.img-lightgreen {
    color: #8BC34A !important;
}

.img-lime {
    color: #CDDC39 !important;
}

.img-yellow {
    color: #FFEB3B !important;
}

.img-amber {
    color: #FFC107 !important;
}

.img-orange {
    color: #FF9800 !important;
}

.img-deeporange {
    color: #FF5722 !important;
}

.img-brown {
    color: #795548 !important;
}

.img-lightgrey {
    color: #9E9E9E !important;
}

.img-light {
    color: #FFF !important;
}

.img-dark {
    color: #212121 !important;
}

.bg-lime .img-light, .bg-yellow .img-light, .bg-amber .img-light,
.bg-lightgrey .img-light, .bg-cyan .img-light, .bg-lightgreen .img-light {
    color: #212121 !important;
}

.bg-navy.rounded-circle.rounded-circle .img-light, .bg-grey.rounded-circle .img-light, .bg-red.rounded-circle .img-light, .bg-pink.rounded-circle .img-light, .bg-purple.rounded-circle .img-light, .bg-deeppurple.rounded-circle .img-light,
.bg-indigo.rounded-circle .img-light, .bg-blue.rounded-circle .img-light, .bg-lightblue.rounded-circle .img-light, .bg-cyan.rounded-circle .img-light, .bg-teal.rounded-circle .img-light, .bg-green.rounded-circle .img-light,
.bg-lightgreen.rounded-circle .img-light, .bg-orange.rounded-circle .img-light, .bg-deeporange.rounded-circle .img-light, .bg-brown.rounded-circle .img-light, .bg-lightgrey.rounded-circle .img-light {
    color: #F5F5F5 !important;
}

/* Borders for rating */
.border-rating-0 {
    border-color: #F44336 !important
}

.border-rating-1 {
    border-color: #FF5722 !important
}

.border-rating-2 {
    border-color: #FFC107 !important
}

.border-rating-3 {
    border-color: #8BC34A !important
}

.border-rating-4 {
    border-color: #4CAF50 !important
}

/* Topbar */
.offcanvas-topbar {
    z-index: 1007 !important;
}

.offcanvas-bottombar {
    z-index: 1006 !important;
}

.offcanvas-halfbar {
    z-index: 1005 !important;
}

.offcanvas-rightbar {
    z-index: 1004 !important;
}

.offcanvas-leftbar, .offcanvas-very_leftbar {
    z-index: 1003 !important;
}

.offcanvas-sidebarleft, .offcanvas-sidebarwide, .offcanvas-very_sidebarleft {
    z-index: 1002 !important;
}

.offcanvas-sidebar {
    z-index: 1003 !important;
}

.xsmall {
    font-size: .775em;
}

.dropdown-lg {
    width: 300px !important;
}

.tiblock {
    align-items: center;
    display: flex;
    height: 30px;
}

.ticontainer .tidot {
    background-color: #90949c;
}

.tidot {
    -webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out;
    border-radius: 4px;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px;
}

/* Horizontal scrolling */
.truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Make videos responsive */
.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no_pointer_events {
    pointer-events: none;
}

.emoji_padding {
    padding-right: 30px;
}

.is-blurred {
    pointer-events: auto;
    opacity: 0.4;
    filter: blur(20px);
    -webkit-filter: blur(20px);
}

.is-blurred * {
    pointer-events: none;
}

.bg_transparent {
    background: transparent !important;
}

.form-control-number {
    width: 150px !important;
}

.form-control-date {
    width: 200px !important;
}

.form-control-phone {
    width: 200px !important;
}

.form-control-comment, .form-control-name {
    width: 100% !important;
}

.bubble-form-control-comment, .bubble-form-control-name, .bubble-form-control-number, .bubble-form-control-range {
    min-width: 75% !important;
}

.min-w-50 {
    min-width: 50% !important;
}

.min-w-75 {
    min-width: 75% !important;
}

.loader {
    animation: spin-animation 2s infinite;
    display: inline-block;
}

.mb-20 {
    margin-bottom: 15rem !important;
}

.pb-20 {
    padding-bottom: 11rem !important;
}

.is_menu_closed {
    width: 92px;
    overflow-x: hidden;
    transition: width 150ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
    transition-property: width;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-delay: 0ms;
}

.is_menu_open {
    width: 360px;
    /*box-shadow: 2px 0px 10px rgb(0 0 0 / 25%);*/
    transition: width 150ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
    transition-property: width;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-delay: 0ms;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.loader_sm {
    width: 30px;
    height: 30px;
}

.loader_md {
    width: 60px;
    height: 60px;
}

.loader_lg {
    width: 120px;
    height: 120px;
}

#secondary_content_bar, #main_content_bar {
    -webkit-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
    -moz-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
    -o-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
    transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
}

.fs-1-xl {
    font-size: calc(2.25rem + 1.5vw) !important;
}

.border-10 {
    border-width: 15px !important
}

.cal {
    display: inline-block;
    border: .1px solid #ccc;
    background-color: #FFF;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
}

.cal .month {
    text-transform: uppercase;
}

.cal .date {
    color: #666;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes mercuryTypingAnimation {
    0% {
        -webkit-transform: translateY(0px)
    }
    28% {
        -webkit-transform: translateY(-8px)
    }
    44% {
        -webkit-transform: translateY(0px)
    }
}

.tidot:nth-child(1) {
    -webkit-animation-delay: 200ms;
}

.tidot:nth-child(2) {
    -webkit-animation-delay: 300ms;
}

.tidot:nth-child(3) {
    -webkit-animation-delay: 400ms;
}

#container_main_menu {
    z-index: 1005;
}

.printOnly {
    display: none;
}

.nav-link.active {
    background-color: #BBDEFB !important;
}

.color_background {
    border-width: 8px !important;
}

[class*="bg-soft-custom"], [class*="bg-custom"], [class*="bg-soft-custom"].text-custom, [class*="bg-custom"].text-custom {
    color: #212121 !important;
}

[class*="bg-soft-custom"].custom_light, [class*="bg-custom"].custom_light, [class*="bg-soft-custom"].custom_light .text-custom, [class*="bg-custom"].custom_light .text-custom {
    color: #FEFEFE !important;
}

/* Prevent page to scrol to the top when model is called. */
.modal-open {
    height: 100vh;
    overflow-y: hidden !important;
}

.link {
    color: #2196F3 !important;
    text-decoration: underline;
}

.table-double-striped tr:nth-child(4n+1) td, .table-double-striped tr:nth-child(4n+2) td {
    background: #EEF2FF;
}

.ms-70 {
    margin-left: 0px !important;
}

.pdf-landscape {
    height: 792px !important;
}

.pdf-portrait {
    height: 900px !important;
}

.opacity-10 {
    opacity: 0.2 !important;
}

.shadow-menu {
    box-shadow: 0rem 0.1875rem 0.375rem rgba(140, 152, 164, 0.5) !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: rgba(103, 119, 136, 1) !important;
    border-color: #CCCCCC;
}

.nav-link.active {
    background-color: #EEEEEE !important;
}

/* Form layout */
/*.panel {*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    position: absolute;*/
/*    left: 100%;*/
/*    top: 0;*/
/*    display: none; !* Hide panels initially *!*/
/*}*/

/*#current-panel {*/
/*    left: 0;*/
/*    display: block; !* Show only the current panel *!*/
/*}*/

#panel-container {
    width: 100%;
    /*height: 100vh;*/
    overflow: hidden;
    position: relative;
}

.panel {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#previous-panel { display: none; } /* Initially hidden */
#current-panel { z-index: 1; }
#next-panel { display: none; } /* Initially hidden */


@media print {
    .printOnly {
        display: block;
    }
}

/* XS (Mobile) */
@media (max-width: 575px) {
    .offcanvas-leftbar, .offcanvas-sidebarwide, .offcanvas-rightbar, .offcanvas-sidebarleft, .offcanvas-sidebar, .offcanvas-very_leftbar, .offcanvas-very_sidebarleft {
        width: 100% !important;
    }

    .offcanvas-halfbar {
        width: 25% !important;
    }

    .loader_sm, .loader_md, .loader_lg {
        width: 120px !important;
        height: 120px !important;
    }
}

/* SM */
@media (min-width: 576px) {
    .form-control-comment, .form-control-name {
        width: 300px !important;
    }

    .offcanvas-leftbar, .offcanvas-sidebarwide, .offcanvas-rightbar, .offcanvas-sidebarleft, .offcanvas-sidebar {
        /*	offset-2 col-10 */
        margin-left: 16.66667% !important;
        width: 83.33333% !important;
    }

    .offcanvas-very_leftbar, .offcanvas-very_sidebarleft {
        /*	offset-1 col-4 */
        width: 100% !important;
    }
}

/* MD */
@media (min-width: 768px) {
    .space-top-only-main {
        padding-top: 5.125rem !important;
    }

    .form-control-comment, .form-control-name {
        width: 400px !important;
    }

    .offcanvas-leftbar {
        /*	offset-1 col-4 */
        margin-left: 8.33333% !important;
        width: 33.33333% !important;
    }

    .offcanvas-very_leftbar {
        /*	offset-1 col-4 */
        width: 33.33333% !important;
    }

    .offcanvas-very_sidebarleft {
        /*	offset-1 col-4 */
        width: 58.33333% !important;
    }

    .offcanvas-sidebarleft, .offcanvas-sidebarwide {
        /*	offset-1 col-7 */
        margin-left: 8.33333% !important;
        width: 58.33333% !important;
    }

    .offcanvas-rightbar {
        /* col-4 */
        width: 33.33333% !important;
    }

    .offcanvas-sidebar {
        /* col-7 */
        width: 58.33333% !important;
    }

    .btn_hidden span {
        max-width: 0;
        -webkit-transition: max-width .6s;
        transition: max-width .6s;
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
    }

    .btn_hidden:hover span {
        max-width: 7rem;
    }

    .ms-70 {
        margin-left: 92px !important;
    }
}

/* LG */
@media (min-width: 992px) {
    .form-control-comment, .form-control-name {
        width: 500px !important;
    }

    .bubble-form-control-comment, .bubble-form-control-name, .bubble-form-control-number, .bubble-form-control-range {
        min-width: 50% !important;
    }

    .offcanvas-leftbar {
        /*	offset-1 col-3 */
        margin-left: 8.33333% !important;
        width: 25% !important;
    }

    .offcanvas-very_leftbar {
        /*	offset-1 col-4 */
        width: 25% !important;
    }

    .offcanvas-very_sidebarleft {
        /*	offset-1 col-4 */
        width: 66.66667% !important;
    }

    .offcanvas-sidebar {
        /* col-8 */
        width: 66.66667% !important;
    }

}

/* XL */
@media (min-width: 1200px) {

}

/* XXL */
@media (min-width: 1400px) {

}